js中创建元素的方法
1. 使用createElement()方法。
该方法可以通过传入标签名来创建一个DOM元素节点,返回值为该节点对象,例如:
```。
var newElem = ateElement('div');。
```。
上述代码创建了一个 `<div>` 元素。
2. 使用innerHTML属性。
innerHTML属性用于获得或设置某个元素的HTML内容,通过直接修改innerHTML属性,可以创建一个新的元素节点,例如:
```。
var newElem = ateElement('div');。
newElem.innerHTML = '<p>Hello World!</p>';。
```。
上述代码创建了一个含有一段文字的div元素,文字为 "Hello World!"。
3. 使用insertAdjacentHTML()方法。
该方法可以在某个元素之前或之后,或在相对于某个元素的第一个或最后一个子元素的位置处插入一段HTML代码,这个HTML代码可以包含新的元素节点,例如:
```。
jquery在一个元素后追加标签var parent = ElementById('parent');。
parent.insertAdjacentHTML('afterend', '<div><p>Hello World!</p></div>');。
```。
上述代码在id为 "parent" 的元素之后插入了一个新的含有一段文字的div元素。
4. 使用外部库如jQuery等。
很多开发者在使用JavaScript创建元素时借助了外部库来简化操作,如jQuery的html()方法等。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论