DOM_Document对象获取Element方法
Document:文档对象
创建(获取):在html dom模型中使用window对象来获取
window.document
document
方法:
获取Element对象:
getElementById():根据id属性值获取元素对象。id属性值一般唯一
getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组。
getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组。
getElementsByName():根据name属性值获取元素对象们,返回值是一个数组。
创建其他DOM对象:
属性
<body> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> <div class="cls1">div4</div> <div class="cls1">div5</div> <input type="text" name="username"> <script> /* Document:文档对象 创建(获取):在html dom模型中使用window对象来获取 window.document document 方法: 获取Element对象: getElementById():根据id属性值获取元素对象。id属性值一般唯一 getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组。 getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组。 getElementsByName():根据name属性值获取元素对象们,返回值是一个数组。 创建其他DOM对象: 属性 */ //根据元素名称获取元素对象们。返回值是一个数组。 let divs = document.getElementsByTagName("div"); alert(divs.length); //根据Class属性值获取元素对象们。返回值是一个数组。 let div_cls = document.getElementsByClassName("cls1"); alert(div_cls.length); //根据name属性值获取元素对象们,返回值是一个数组。 let ele_username = document.getElementsByName("username"); alert(ele_username.length); </script> </body>
DOM_创建DOM对象
创建其他DOM对象
createAttribute(name)
createComment()
createElement()
createTexNode()
<body> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> <div class="cls1">div4</div> <div class="cls1">div5</div> <input type="text" name="username"> <script> /* Document:文档对象 创建(获取):在html dom模型中使用window对象来获取 window.document document 方法: 获取Element对象: getElementById():根据id属性值获取元素对象。id属性值一般唯一 getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组。 getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组。 getElementsByName():根据name属性值获取元素对象们,返回值是一个数组。 创建其他DOM对象: createAttribute(name) createComment() createElement() createTexNode() 属性 */ //根据元素名称获取元素对象们。返回值是一个数组。 let divs = document.getElementsByTagName("div"); // alert(divs.length); //根据Class属性值获取元素对象们。返回值是一个数组。 let div_cls = document.getElementsByClassName("cls1"); // alert(div_cls.length); //根据name属性值获取元素对象们,返回值是一个数组。 let ele_username = document.getElementsByName("username"); // alert(ele_username.length); //createElement() let table = document.createElement("table"); alert(table); </script> </body>
标签:document,DOM,对象,元素,Element,获取,返回值,Document,属性 From: https://www.cnblogs.com/qihaokuan/p/16906044.html