gpt4 book ai didi

javascript - 修改网页的DOM

转载 作者:行者123 更新时间:2023-11-28 20:44:28 26 4
gpt4 key购买 nike

网页的结构是这样的:-

<div id='abc'>
<div class='a'>Some contents here </div>
<div class='b'>Some other contents< </div>
</div>

我的目标是在上面结构中的类 a 之后添加它。

<div class='a'>Some other contents here </div>

最终的结构如下所示:-

  <div id='abc'>
<div class='a'>Some contents here </div>
<div class='a'>Some other contents here </div>
<div class='b'>Some other contents< </div>
</div>

是否有更好的方法使用 DOM 属性来做到这一点。我正在考虑解析内容和更新的简单方法。

如果我的疑问不清楚,请评论!

最佳答案

创建所需的元素,为其提供所需的属性、子元素、innerHTML 等,然后附加它:

var parent = document.getElementById('abc'),
ele = document.createElement('div');

ele.setAttribute('class', 'a');
ele.innerHTML = "Some other contents here";

parent.appendChild(ele);​

Fiddle

你可以偷懒,直接设置#abcinnerHTML即可,但我认为这种方法更灵活。

关于javascript - 修改网页的DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13737202/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com