javascript怎么获取元素的所有内容

Question

如题所述

Answer 1

document.getElementById();//获取id
document.getElementsByClassName('')[];//获取class
document.getElementsByTagName('')[];//获取标签
document.getElementById('').innerHTML;//获取标签内的内容
document.getElementById('').innerText;//获取标签内的文本
innerHTML和innerText是有区别的，自己百度

Answer 2

获取了元素,就可以通过后缀获取关于元素的所有内容
比如var ID=document.getElementById("id");
这个就是获取到的元素,想要其他属性可以通过后缀
ID.value就是value值
ID.name就是name值

Answer 3

试一下 ContentEditable 这个属性。

看一下这个 Demo：

HTML5 Demo: ContentEditable

http://html5demos.com/contenteditable
相关代码：

var editable = document.getElementById('editable');addEvent(editable, 'blur', function () {
  // lame that we're hooking the blur event
  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有个属性，直接可以获取当前元素的所有子元素

Answer 4

使用jquery的选择器
alert($("table:first tbody:first tr:eq(2) td:eq(2)").text());本回答被提问者和网友采纳

Answer 5

document.getElementById("元素ID").innerHTML;
document.getElementByName("元素ID").innerHTML;
第一个比较常用