关于JavaScript的学习（4）

最新推荐文章于 2024-04-28 11:43:36 发布

Cherry_Cheng8428

最新推荐文章于 2024-04-28 11:43:36 发布

阅读量148

点赞数 1

文章标签：自学

本文链接：https://blog.csdn.net/Cherry_Cheng8428/article/details/80529816

版权

DOM Core和HTML-DOM:

getElementById() ,getElementsByTagName() ,getAttribute() ,setAttribute() ,等方法都是DOM Core的组成部分，不专属与JavaScript，支持DOM的任何一种程序语言都可使用它。

类似于document.getElementsByTagName('form')这种方式，而HTML-DOM则提供了更简洁的记号来描述HTML元素的属性：例如上面的例子可以写作document.forms。

动态创建HTML内容

document.write()：可以快捷地把字符串插入到文档里。例如：document.write('<p>This is inserted</p>')，但他最大的缺点是即使把这条语句挪到外部函数里，我们还是需要在HTML文档的<body>部分使用<script>标签才能调用这个函数。

innerHTML属性：var test=document.getElementById('test'); alert(test); 结果是他将显示ID为test的元素的所有内容，包括元素节点，无法获取细节。

createElement：如果想向HTML中插入某段文本，需要两步：

（1）创建一个新元素。（此步骤就需要createElement来完成：document.createElement(nodeName);）

（2）把这个新元素插入节点树（需要appendChild方法来完成：parent.appendChild(child)）

var test=document.getElementById('test');
var des=document.createElement('p');

test.appendChild(des);

createTextNode方法：由于刚才只是将一个空白的<p>元素插入了文档里，现在我们在创建的<p>元素里插入一些text文本

var description=document.createElement('p');
var destxt=document.createTextNode('Choose an image~ ')
description.appendChild(destxt);

关注