JavaScript编辑器
通过 JavaScript,我们需要操作 HTML 元素。在这里,我们提供有两种方法来查找HTML元素:1、通过 id 找到 HTML 元素2、通过标签名找到 HTML 元素下面我们详细介绍这两种方法。
通过 id 查找 HTML 元素在 DOM 中查找 HTML 元素的最简单的方法,是通过使用元素的 id。本例查找 id='intro' 元素:var x=document.getElementById('intro');代码如下图所示
Hello World!
本例演示 getElementById 方法!
通过标签名查找 HTML 元素代码如下:
Hello World!
The DOM is very useful.
本例演示 getElementsByTagName 方法。
改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容:例如今天的日期是: Tue Sep 19 2017 11:08:42 GMT+0800 (中国标准时间)在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
改变 HTML 内容修改 HTML 内容的最简单的方法时使用 innerHTML 属性。如需改变 HTML 元素的内容,请使用这个语法:document.getElementById(id).innerHTML=new HTML本例改变了
元素的内容:
改变 HTML 属性如需改变 HTML 元素的属性,请使用这个语法:document.getElementById(id).attribute=new value本例改变了 元素的 src 属性:
本文简单介绍下DOM的使用,后续还会提供更多的有关DOM的知识。