JavaScript htmldom 元素带来的实用性真是绝了！
|
凡是，行使JavaScript，想操纵HTML元素。要做到这一点，必需先找到元素。有几种要领可以做到这一点。 找到DOM中的HTML元素的最简朴的要领，是操作元素的id。 行使id="intro"找到元素 : var myElement = document.getElementById("intro"); 假如找到元素，则该要领将返回元素作为工具 (赋值给myElement)。 元素没有被发明，myElement将是空的。 二、通过标署名称找到HTML元素找到全部<p>元素: var x = document.getElementsByTagName("p"); 这个例子行使id="main"找到元素 , 而且在"main"内里找到全部的 <p> 元素: var x = document.getElementById("main"); var y = x.getElementsByTagName("p"); 三、通过类名称找到HTML元素假如想找到统一类名称的全部HTML元素，行使getElementsByClassName()。 例： 返回全部class="intro"的元素列表. var x = document.getElementsByClassName("intro"); 在Internet Explorer 8和早期版本中，按类名查找元素不起浸染。 四、通过CSS选择器找到HTML元素假如想找到全部的HTML元素，匹配指定的CSS选择器 (id, 类名, 范例, 属性, 属性值, 等等), 行使querySelectorAll() 要领。 此示例返回全部class="intro"的 元素列表。 var x = document.querySelectorAll("p.intro"); querySelectorAll() 要领在Internet Explorer 8和早期版本中不起浸染。 五、通过HTML工具荟萃找到HTML元素此示例查找id="frm1"的表单位素,在表单荟萃里,并表现全部的颜色值。 var x = document.forms["frm1"]; var text = ""; var i; for (i = 0; i < x.length; i++) { text += x.elements[i].value + "<br>"; } document.getElementById("demo").innerHTML = text; 下面的HTML工具(或工具的荟萃)也可会见: 1. document.anchors<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;">
<a name="html">HTML Tutorial</a><br> <a name="css">CSS Tutorial</a><br> <a name="xml">XML Tutorial</a><br>
<p id="demo"></p>
<script> document.getElementById("demo").innerHTML = "Number of anchors are: " + document.anchors.length; </script> （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
