没css效果怎么办?自己查半天,没查出哪里错了,啊啊啊

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">

.message{    
	width:200px;
	height:100px;
        color:blue;
	background-color:#CCC;}
	
</style>
</head>
<body>
<script type="text/javascript">
    var pNode = document.createElement("p");
    var textNode = document.createTextNode("I love JavaScript!");//另外这个方法可以不传参数吗
    pNode.className = "message";
    //textNode.innerHTML = "I love JavaScript";//上面不传参,用这个但没用
    document.body.appendChild(pNode.appendChild(textNode));

</script> 
    
</body>
</html>


yuqingzhijie3596863
浏览 1777回答 3
3回答

stone310

22行那句括号分割错了,并不是没有返回值;pNode.appendChild(textNode)的返回值就是textNode,是一个对象;这么写相当于先执行pNode.appendChild(textNode);返回textNode,因此22行这句就相当于document.body.appendChild(textNode)括号删掉,链式写就可以了,document.body.appendChild(pNode).appendChild(textNode);至于createTextNode()参数是必须的,可以设为空值"";textNode.innerHTML这种写法是获取不到值的,textNode是个文本节点,而innerHTML是针对元素节点获取;可以写成pNode.innerHTML

去看天荒地老

因为你document.body.appendChild(pNode.appendChild(textNode));这句错了,pNode.appendChild(textNode);没返回值,要改成pNode.appendChild(textNode);document.body.appendChild(pNode);
打开App,查看更多内容
随时随地看视频慕课网APP