课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

刚写完分享下答案

来源：9-9 访问子节点的第一和最后项

逃离外包

2019-01-29 10:07

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<!--<div id="con">-->

<!--  <p>javascript</p>-->

<!--  <div>jQuery</div>-->

<!--  <h5>PHP</h5>-->

<!--</div>-->

<div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>

<script type="text/javascript">

  var x=document.getElementById("con");

  function write(a){

        document.write("节点的名称:"+a.nodeName+"<br/>");

        document.write("节点的值:"+a.nodeValue+"<br/>");

        document.write("节点的类型:"+a.nodeType+"<br/>");

        document.write("-----------------------"+"<br/>");

  } 

  write(x.firstChild);

  write(x.lastChild);

</script>

</body>

</html>


写回答 关注

3回答

  • jalone
    2019-05-24 16:18:13

    document.write(document.getElementById("con").firstChild.nodeType+"<br />"+document.getElementById("con").firstChild.nodeName)

    0 0
  • bao_
    2019-04-20 09:32:04

    非常棒!

    0 1
  • 慕容6478286
    2019-03-30 11:56:24

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>无标题文档</title>

    </head>

    <body>


    <div id="con">

      <p>javascript</p>

      <div>jQuery</div>

      <h5>PHP</h5>

      </div>


    <div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div> 

    <script type="text/javascript">

      var x=document.getElementById("con");

     document.write("指定元素的第一个子节点"+x.firstChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType+"<br/>");

     document.write("指定元素的最后一个子节点"+x.lastChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType);

    </script>

    </body>

    </html>


    0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题

分享答案，嘻嘻

回答 4

本节答案分享

回答 1

给大家分享一下答案

回答 4

分享答案，欢迎交流。

回答 2

自己写的，分享下

回答 4

打开慕课网App查看更多内容