js 抓取网页内容(1.javascript怎么获取元素的所有内容ContentEditable)

　　js 抓取网页内容(1.javascript怎么获取元素的所有内容ContentEditable)

　　1.javascript如何获取元素的所有内容

　　试试 ContentEditable 属性。

　　看看这个演示：

　　HTML5 演示：ContentEditable

　　/内容可编辑

　　相关代码：

　　1

　　2

　　3

　　4

　　5

　　6

　　vareditable = document.getElementById('editable');addEvent(editable, 'blur', function() {

　　// 很糟糕，我们正在挂钩模糊事件

　　localStorage.setItem('contenteditable', this.innerHTML);

　　document.designMode = 'off';});addEvent(editable, 'focus', function () {

　　document.designMode = 'on';});if (localStorage.getItem('contenteditable')) {

　　editable.innerHTML = localStorage.getItem('contenteditable');}

　　不过，最好用JQuery，而且简单。 jquery有个属性可以直接获取当前元素的所有子元素

　　2.Javascript获取Html界面元素的几种方法

　　getElementById()

　　//通过ID获取元素，所以只能访问设置了ID的元素，例如有一个ID为docid的DIV：

　　//

　　// 然后可以使用getElementById("docid") 来获取这个元素。

　　getElementsByName()

　　// 按名称获取元素。 DOCUMENT 中元素的名称可以重复。如果一个文档中有两个以上的同名标签，那么getElementsByName()可以获取这些元素组成一个数组。

　　// 比如有两个DIV：

　　//

　　//

　　// 然后就可以用getElementsByName("docname")获取这两个DIV，用getElementsByName("docname")[0]访问第一个DIV。 getElementsByTagName()

　　// 元素通过TAGNAME（标签名）获取。一个DOCUMENT中会有相同的标签，所以这个方法也得到一个数组。

　　// 可以使用 getElementsByTagName("div") 访问，第一个 DIV 使用 getElementsByTagName("div")[0]，第二个 DIV 使用 getElementsByTagName("div")[1]。

　　3.Javascript获取Html界面元素的几种方法

　　getElementById() // 通过 ID 获取元素，因此只能访问设置了 ID 的元素。例如，如果有一个ID为docid的DIV： // // 那么你可以使用getElementById("docid") 来获取它这个元素。

　　getElementsByName()//通过NAME获取元素，DOCUMENT中元素的NAME可以重复，如果一个文档中有两个以上标签//同名，那么getElementsByName()可以获取这些元素形成数组 。 // 比如有两个DIV： // // // 那么可以使用getElementsByName("docname") 获取这两个DIV，使用getElementsByName("docname")[0] 访问第一个DIV。

　　getElementsByTagName()//通过TAGNAME（标签名）获取元素，一个DOCUMENT中会有相同的标签，所以这个方法也是获取一个数组。 // 可以使用 getElementsByTagName("div") 访问它们，第一个 DIV 使用 getElementsByTagName("div")[0]，第二个 DIV 使用 getElementsByTagName("div")[1]。

　　4.javascript如何获取元素的所有内容

　　试试 ContentEditable 属性。

　　看这个Demo: HTML5 Demo: ContentEditable /contenteditable 相关代码: 1 2 3 4 5 6 var editable = document.getElementById('editable');addEvent(editable, 'blur', function () { // lame我们正在挂钩模糊事件 localStorage.setItem('contenteditable', this.innerHTML); document.designMode = 'off';});addEvent(editable, 'focus', function () { document.designMode = 'on ';});if (localStorage.getItem('contenteditable')) { editable.innerHTML = localStorage.getItem('contenteditable');} 不过还是推荐使用JQuery，而且很简单，Jquery有一个属性，可以直接获取当前元素的所有子元素。

　　转载请注明出处 JS码网 » js获取页面元素内容（javascript如何获取元素所有内容）