代码之家 › 专栏 › 技术社区 › Nikita Rybak

从javascript编写html内容

html javascript

Nikita Rybak · 技术社区 · 15 年前

我想用javascript做一件事,但不知道怎么做。在一个完美的世界里,它是这样的:

<p>My very cool page!</p>
<script type="text/javascript">
    document.write('<div>some content</div>');
</script>

这个脚本会插入 <div>some content</div> 就在脚本标记之前(或之后,或替换为)。但在现实世界里, document.write 重新开始编写html,删除页面中的任何静态内容( <p>

这是一个简单的例子,但应该给你的想法。我知道我可以把 <div id="some_id"></div> 在从js脚本标记并在其中插入html之前,我希望能够使用这个代码段的多个实例,而无需每次更改它(手动生成随机id)。

我可以使用jquery或任何其他现有的库。有没有办法做到这一点?谢谢!

5 回复 | 直到 15 年前

Gabriele Petrioli 15 年前

我们其实在那个完美的世界里。。。

你的例子就可以用了。。

Kerry Jones 15 年前

是的,但是你总是把它和别的东西联系起来。

如果您想在jQuery中的第一个p标记之后写一些东西,您可以这样做

$('p:first').after( '<div>some content</div>' );

before , after append 等等。

JYelton Melchior Blausand 15 年前

您可能还想了解如何在DOM中添加和删除元素,如本文中所述:

Kevin Carmody 15 年前

查找子对象()

Nikita Rybak 15 年前

为了结束这个问题,下面是最后的结果。

诀窍是将每个小部件的数据存储在html标记中,而不是javascript中。用户插入如下内容

<div class="my_widget" feed_id="123"></div>
...
<div class="my_widget" feed_id="456"></div>

$('div.my_widget').each 并根据每个小部件的属性填充每个小部件的内容 feed_id 以及其他属性。

感谢所有人(加比和克里试图帮助解决这个模糊的问题)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

8 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

9 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

9 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

9 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

9 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

9 月前