如何使用javascript更改div内的HTML代码?

时间:2013-07-07 12:19:35

标签: javascript

我正在构建一个HTML网站&该网站有太多页面。所以我想要一个代码,以便我可以从我的网站编辑一个特定的div,所以它将适用于我的网站。 例如。 在HTML>>

<div id="special-id"> I want to change or place anything [HTML code also] inside of this div with javascript </div>`*

&安培;在javascript&gt;&gt;

<script type="text/javascript">
????
</script>

请求帮助,以便我可以再次访问我的HTML网站。

我想更改可能是简单文字或javascript代码或HTML代码的内容?

2 个答案:

答案 0 :(得分:3)

document.getElementById('special-id').innerHTML = "Whatever you want to replace with";

答案 1 :(得分:1)

简单方法: 首先,获取您的元素,例如getElementById,然后将 innerHTML 设置为新代码。

var div = document.getElementById('special-id');
div.innerHTML = '<span>hello world</span>';

DOM方法唯一的方法: 使用document.createElementdocument.createTextNode创建新的HTML节点,然后使用appendChild将它们附加到您的元素。

// assuming `div` as above
var newNode = document.createElement('span');
span.appendChild(
    document.createTextNode('hello world')
);
div.appendChild(span);