                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

我这样写为什么不对？node是指定此节点前插入节点，我把node设置为最后一个节点前为什么不对。

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>

<ul id="test"><li>JavaScript</li><li>HTML</li></ul>

<script type="text/javascript">

var otest = document.getElementById("test");

var node = document.getElementById("otest.lastChild");

var newnode = document.creatElement("li")

newnode.innerHTML="PHP"

otest.insertBefore(newnode,node);

</script>

</body>

</html>

慕的地0485877

2020-05-12

源自：JavaScript进阶篇 9-13

关注问题我要回答

849

操作

收起

4 回答

qq_慕雪5345453 回答被采纳 +2 积分
2020-05-15

var node = document.getElementById("otest.lastChild")

这句话有问题，你的ById找不到这个子节点，id是唯一的，并不能拿来跟标签的子节点用，得设过id=“xxx”；才能用xxx，

修改代码：

var otest = document.getElementById("test");

var newnode = document.creatElement("li")

newnode.innerHTML="PHP"

otest.insertBefore(newnode,test.lastChild);

这个地方的test.lastChild为什么可以用，是因为insertBefore（）这个方法的第二个属性是插入位置，这个位置可以是节点也可以是id，也可以是标签

0 回复有任何疑惑可以回复我~

慕容8334558
2020-09-16

你这句执行不了啊！

var node = document.getElementById("otest.lastChild");

document.getElementById()是用括号里的字符串比较HTML文档中的所有id值，返回相应节点。

而id="otest.lastChild"的节点是不存在的。

0 回复有任何疑惑可以回复我~

慕尼黑1441384
2020-08-04

最简洁的答案（通俗易通-->点赞）：

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>

<ul id="test"><li>JavaScript</li><li>HTML</li></ul>

<script type="text/javascript">

var otest = document.getElementById("test");

var html=otest.childNodes[1];

var li=document.createElement('li');

li.innerHTML='php';

otest.insertBefore(li,html);

</script>

</body>

</html>

1 回复有任何疑惑可以回复我~

慕婉清9404838
2020-07-20

稍微改一下就OK啦：

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>

<ul id="test"><li>JavaScript</li><li>HTML</li></ul>

<script type="text/javascript">

var otest = document.getElementById("test");

var node = otest.lastChild; //方法1

// var node = otest.childNodes[1]; 方法2

var newnode = document.createElement("li");

newnode.innerHTML = "php";

otest.insertBefore(newnode,node);

</script>

</body>

</html>

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

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

本课相似问答

2 回答节点前插入节点

3 回答为什么我写前一个节点就是不显示呢？

3 回答一共6个节点，为什么最后一个节点不是php呢

1 回答最后一个子节点为什么是h5而不是文本节点PHP呢

2 回答为什么不显示“已经是第一个节点”，“已经是最后一个节点”？

搜索更多本课相关问答

我这样写为什么不对？node是指定此节点前插入节点，我把node设置为最后一个节点前为什么不对。

我要回答关注问题

意见反馈帮助中心 APP下载