获取标签节点的三种方法

来源：互联网发布：java 命名下划线开头编辑：程序博客网时间：2024/05/21 06:49

代码示例如下：

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus?">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>获取标签节点对象的方法</title> </head> <body><p name = "p" id = "pp">你好吗？</p><p name = "p">我很好！</p><input type="text" name="username"><br><input type="text" name="username"><br><input type="text" name="username"><br><script type="text/javascript"><!--  //采用document.getElementById()，其中id属性在同一个页面中必须唯一  var p = document.getElementById("pp");  alert(p.innerText);  // 你好吗？  //第二种方法  //document.getElementsByName: 只能用于表单对象var ps1 = document.getElementsByName("p") ;    alert(ps1.length) ;  //拿不到,打印的结果为0var inputs = document.getElementsByName("username") ;alert(inputs.length) ;   // 3inputs[1].value = "你好" ;//第三种方式var ps2 = document.getElementsByTagName("p") ;alert(ps2.length) ;  // 2alert(ps2[1].firstChild.nodeValue) ;  //我很好//--></script> </body></html>

0 0