运行结果没明白?
为什么是这个输出?
为什么是这个输出?
2017-08-06
<p id="con">Hello World!</p>
<!--此处为元p标签内容,为,Hello World!,若打印输出的话,应该得打印 Hello World! -->
<script type="text/javascript">
var mychar = document.getElementById("con"); //获取元素存储在变量mychar中
//原p元素内容的打印输出,此处打印的是,原p元素内容应该打印出来的内容,Hello World!,做比较。
document.write("p标签原始内容:"+mychar.innerHTML+"</br>");
//修改p元素内容,将原来p元素的内容 Hello World ! --修改为--> New text !
mychar.innerHTML="New text!";
//修改p元素内容后的打印输出,此处打印的是,修改后p元素内容,New text !
document.write("p标签修改后内容:"+mychar.innerHTML);
</script>
打印输出的效果应该是,如下:
New text ! 此处打印输出的不是 Hello World ! ,而是New text ! ,被 js 的innerHTML属性修改了
p标签原始内容:Hello World! 此处作对比
p标签修改后内容:New text ! 此处作对比
不知道这样你可否看懂?
希望能帮助到你!
祝学习愉快,加油!
举报