如何将变量设置为等于元素的innerHTML

时间:2011-03-28 23:49:05

标签: javascript

我有一个表,我想设置一个等于表的innerHTML的变量。我已经看到我可以更改元素的innerHTML但我无法弄清楚如何查看元素的内容。

5 个答案:

答案 0 :(得分:1)

var tableHtml = document.getElementById("mytable").innerHTML;

答案 1 :(得分:1)

您也可以尝试这样做: Html代码:

Table:<br/>
<table id="tbl" border="1">
    <tr>
        <td>Cell 1.1</td>
        <td>Cell 1.2</td>
        <td>Cell 1.3</td>
    </tr>
    <tr>
        <td>Cell 2.1</td>
        <td>Cell 2.2</td>
        <td>Cell 2.3</td>
    </tr>
</table>
<br />
Message:<br/>
<textarea id="message"/>

Javascript代码:

var tbl = document.getElementById('tbl');
var tblinner = tbl.innerHTML; //save the innerHTML to a variable
var message = document.getElementById('message');
message.value = tblinner; //display the innerHTML value

See it in action from jsfiddle.net

答案 2 :(得分:0)

与设置方式相同:

var tableHTML = document.getElementById('myTable').innerHTML;
alert(tableHTML);

答案 3 :(得分:0)

alert(document.getElementById('id_of_the_element').innerHTML);

答案 4 :(得分:0)

我认为innerHTML是一个只设置属性而不是读取。我在代码上方有5行错误,这就是我无法看到alert()的原因。对不起!