html怎么通过js添加id属性值,使用特定的ID在DIV内使用JavaScript动态添加HTML元素

好的,我需要你的帮助.我在Stackoverflow找到一些代码(找不到链接),它通过JS动态生成HTML代码.这里是代码:

function create(htmlStr) {

var frag = document.createDocumentFragment(),temp = document.createElement('div');

temp.innerHTML = htmlStr;

while (temp.firstChild) {

frag.appendChild(temp.firstChild);

}

return frag;

}

var fragment = create('

');

document.body.insertBefore(fragment,document.body.childNodes[0]);

这段代码工作很好!但是生成的代码在页面顶部,正好在body标签之下.我的愿望是在具有id =“generate-here”的空格中生成该代码.

所以输出将是:

我知道我看不到使用“查看源”生成的内容.我只需要在#generate-here这个特定的地方生成那个内容.我是Javascript noob,所以如果有人可以重新安排这个完美的代码.非常感谢!

附:我知道如何使用Jquery来做这件事,但是在这种情况下我需要纯粹的纯Java.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在`div`中加`id`的好处是可以更好地组织和管理网页结构。通过在`div`中加入`id`,可以将网页的结构分为不同的块,方便进行样式和脚本的操作。同时,`div`也可以作为一个占位符,方便进行布局。此外,通过在`div`中加入`id`,也可以更好地实现语义化标记,让页面结构更加清晰易懂。 而直接在内容标签里加`id`的好处是可以更加精确地标记某个特定的内容。通过在内容标签中加入`id`,可以针对该内容进行样式和脚本的操作,而不会影响到其他内容。这在需要对页面某个特定部分进行样式和脚本操作时非常方便。 ### 回答2: 在`div`中加`id`与直接在内容标签里加`id`相比,有以下几个好处: 1. 结构清晰:使用`div`标签加`id`可以更好地划分出页面的结构和布局,使代码更具可读性和可维护性。通过`div`的层次结构,可以清晰地了解页面的组成部分,便于定位和修改。 2. 样式控制:使用`div`标签加`id`可以更方便地进行样式控制。通过给`div`标签添加`id`,可以通过CSS选择器直接对该`div`进行样式修改,实现更精细的样式控制。而直接在内容标签里加`id`,只能通过更复杂的CSS选择器才能选中该标签进行样式修改。 3. JavaScript交互:使用`div`标签加`id`可以更方便地进行JavaScript交互。通过给`div`标签添加`id`,可以方便地在JavaScript中选中该`div`元素,进行事件绑定、属性修改等操作。而直接在内容标签里加`id`,可能会与其他JavaScript操作冲突,难以准确选中。 4. 语义化:使用`div`标签加`id`可以提高页面的语义化程度。`div`标签作为一个无特定语义的容器标签,通过给它加上`id`,可以更好地定义和描述它的作用和含义,使页面的标签具备更明确的语义。 总而言之,通过在`div`中加`id`,可以使代码更清晰、结构更明确,样式和JavaScript的控制更方便,同时也提高了页面的语义化程度。 ### 回答3: 在div添加id与直接在内容标签中添加id相比,有以下几个好处: 1. 提高代码的可读性:通过在div添加id,可以更清晰地识别和定位特定的元素,使代码更易于阅读和理解。当需要调整或修改特定元素的样式或行为时,可以更轻松地找到相关的标签。 2. 提高代码的可维护性:通过将id添加div中,更容易为特定的元素添加样式或脚本等交互功能。这样,即使在页面结构发生改变时,只需适当修改id,而不需要在整个代码中寻找并修改标签。 3. 增加样式定制的灵活性:通过为一个div添加id,可以更方便地为该div添加特定的样式规则。在CSS中,可以使用#id选择器来选择特定的div,并对其进行样式设置。这样,可以实现更精细化的样式控制,并且更容易进行样式调整和任务划分。 4. 方便使用JavaScript操作:在div添加id后,可以更方便地使用JavaScript来操作该元素。通过getElementById()方法,可以直接通过id获取特定的div,并进行修改或添加事件监听器等操作,提高了JavaScriptHTML之间的交互性。 总而言之,通过在div添加id,可以增加代码的可读性、可维护性和样式定制灵活性,使得开发者更方便地对特定的元素进行操作和管理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值