Version: Next

Document对象

DOM: 文档对象语言,可以使用其中的对象对标记语言文档进行CRUD操作

创建

window.document

方法

获取ELement对象

  • getElementById()
  • getElementsByTagName() 根据元素名称获取元素们,返回元素数组
  • getElementsByClassName() 根据class属性值获取元素们,返回元素数组
  • getElementsByName() 根据name属性值获取元素对象们,返回数组

获取其他DOM对象

  • createAttribute(name)
  • createComment()
  • createElement()
  • createTextNode()
<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>
var divs = document.getElementsByTagName("div");
// alert(divs.length);
var div_cls = document.getElementsByClassName("cls1");
// alert(div_cls.length)
var ele_name = document.getElementsByName("username");
// alert(ele_name.length);
var table = document.createElement("table");
alert(table);
</script>
</body>