element对象二

获取标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>element对象二</title>
</head>
<body>
    <ul id="ulid1">
        <li>果子你要坚强</li>
        <li>一天不能完成的事</li>
        <li>就熬夜赶进度</li>
        <li>熬过这一年半好日子就会来临</li>
    </ul>
    <script type="text/javascript">
    //获取到ul下面的所有字标签(子元素)
    //获取ul标签
    var ulid1 = document.getElementById("ulid1");
    //获取ul下面的子标签,childNodes返回的是一个NodeList数组,这个属性的兼容性很差,会将空格当做子标签
    var lis = ulid1.childNodes;
    alert(lis.length);
    //在Element对象的范围内,可以用来查找其他节点的唯一有效方法就是getElementsByTagName()方法.而该方法返回的是一个集合
    var li1 = ulid1.getElementsByTagName("li");
    alert(li1.length);
    </script>
</body>
</html>

使用childNodes返回的子标签长度

使用getElementsByTagName返回的子标签长度,是唯一的

原文地址:https://www.cnblogs.com/zjm1999/p/10428683.html

时间: 2024-10-12 22:28:00

element对象二的相关文章

DOM - Element 对象

http://www.runoob.com/dom/dom-element.html Element 对象 Element 对象代表 XML 文档中的一个元素.元素可以包含属性.其他元素或文本.如果一个元素包含文本,则在文本节点中表示该文本. 重要事项:文本永远存储在文本节点中.在 DOM 处理过程中的一个常见的错误是,导航到元素节点,并认为此节点含有文本.不过,即使最简单的元素节点之下也拥有文本节点.举例,在 <year>2005</year> 中,有一个元素节点(year),同

JavaScript基础20——element对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>element对象</title> 6 <script type="text/javascript"> 7 // element对象 8 /* 9 获取属性:getAttribute(name) 10 设置属性:setAttribute(name

THML DOM / Element 对象操作

随着Vue等MVVM框架流行,操作DOM已经不想之前那么频繁,因此很多DOM的操作已经陌生,特此回顾HTML中DOM操作 获取Element节点 熟悉的有 通过ID获取,返回element对象            document.getElementById(elementId) 通过Name获取,返回element对象数组       document.getElementsByName(elementName) 通过TagName获取,返回element对象数组  document.ge

element对象

1.getAttribute获取属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>element对象</title> </head> <body> <!-- getAttribute属性名 --> <input type="text" id

类和对象(二)

对象的自身引用是面向对象程序设计语言中特有的.十分重要的一种机制.在C++中,为这种机制设立了专门的表示:this指针变量. 在类的每一个成员函数的形参表中都有一个隐含的指针变量this,该指针变量的类型就是成员函数所属类的类型. 当程序中调用类的成员函数时,this指针变量被自动初始化为发出函数调用的对象的地址. 例如: 123456789101112131415161718 #include <iostream>using namespace std;class Sample{ int x

javaweb学习总结(八)——HttpServletResponse对象(二)

一.HttpServletResponse常见应用——生成验证码 1.1.生成随机图片用作验证码 生成图片主要用到了一个BufferedImage类, 生成随机图片范例: 1 package gacl.response.study; 2 3 import java.awt.Color; 4 import java.awt.Font; 5 import java.awt.Graphics2D; 6 import java.awt.image.BufferedImage; 7 import java

C++中的类和对象(二)

一,对象的动态建立和释放 1.什么是对象的动态建立和释放 通常我们创建的对象都是由C++编译器为我们在栈内存中创建的,我们无法对其进行生命周期的管理.所以我们需要动态的去建立该对象,因此我们需要在堆内存中创建对象和释放对象.在C语言中为我们提供了malloc()函数和free()函数来为我们提供在堆内存中分配变量的方式,但是在C++中引入了new和delete关键字来让我们动态的创建和释放变量. 2.new和delete关键字 new关键字是用来在堆内存中创建变量的,格式为:Type * ptr

javascript高级程序设计---Event对象二

鼠标事件 事件种类 鼠标事件指与鼠标相关的事件,主要有以下一些. (1)click事件 click事件当用户在Element节点.document节点.window对象上,单击鼠标(或者按下回车键)时触发.“鼠标单击”定义为,用户在同一个位置完成一次mousedown动作和mouseup动作.它们的触发顺序是:mousedown首先触发,mouseup接着触发,click最后触发. 下面是一个设置click事件监听函数的例子. div.addEventListener("click",

JavaWeb---总结(八)HttpServletResponse对象(二)

一.HttpServletResponse常见应用--生成验证码 1.1.生成随机图片用作验证码 生成图片主要用到了一个BufferedImage类, 生成随机图片范例: 1 package gacl.response.study; 2 3 import java.awt.Color; 4 import java.awt.Font; 5 import java.awt.Graphics2D; 6 import java.awt.image.BufferedImage; 7 import java