js appendChild 添加节点没有效果-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

js appendChild 添加节点没有效果

2016-06-01 11:36:31 2104 1

想试下js里 appendChild()添加节点,结果没有反应,不知道问题处在哪里,火狐IE都没有效果。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>演示</title>
</head>

<script type="text/javascript">

    var node=document.createElement("li"); //创建一个li节点

    var textnode=document.createTextNode("Water"); //创建一个文本节点内容

    node.appendChild(textnode); //将文本节点内容,添加到li节点里面

    document.getElementById("test").appendChild(node); //将li节点,添加到test几点下面

</script>
<body>
    <ul id="test"><li>Coffee</li><li>Tea</li></ul>
</body>
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:23:01

    html执行代码是按顺序执行的,js代码在body前,所以js执行时,body还没有。这样的话添加元素是无法完成的。
    解决办法
    法一:
    将js代码放在body后面

    法二:
    给body加一个onload事件,将js代码放在该事件处理函数中即可。

    0 0
相关问答

1

回答

在SREWorks中,OAM(Open Application Model)是什么?

2022-10-18 18:21:28 90浏览量 回答数 1

1

回答

CDN加速OSS后未响应 Content-MD5如何处理?

2022-01-11 14:06:06 929浏览量 回答数 1

1

回答

开放应用模型项目(Open Application Model - OAM)一个应用程序包含哪三个核

2021-12-16 19:36:53 116浏览量 回答数 1

1

回答

Java SpringBoot应用如何添加自定义的ApplicationListener?

2020-04-12 22:23:11 2264浏览量 回答数 1

1

回答

[@倚贤][¥20]java 如何调用 openstack API进行开发?

2018-12-16 22:02:49 2254浏览量 回答数 1

1

回答

mysql 提示 Access deniedyou need the SUPER privilege for this operation

2018-06-06 00:23:07 2294浏览量 回答数 1

5

回答

.NET版本的OSS的web直传,一直报签名错误(SignatureDoesNotMatch)

2016-04-26 17:53:06 6076浏览量 回答数 5

1

回答

php操作xml appendchild();没添加成功!

2016-03-09 09:43:49 1732浏览量 回答数 1

3

回答

OSS有java的api吗

2016-03-02 19:12:38 3004浏览量 回答数 3

2

回答

js-api

2016-01-20 13:35:26 4475浏览量 回答数 2
文章
问答
问答排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
JS 语言在引擎级别的执行过程
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载