javascript - 使用 javascript 在元素中创建元素

标签 javascript html dom elements

新人在这里。我在互联网上搜索了一下以找到问题的答案,但我似乎找不到任何答案(这让我失望了)。所以我在这里。 我想知道是否有一种方法可以用 javascript 创建一个 HTML 元素,但是在新创建的 HTML 元素中也可以用 javascript 创建另一个 HTML 元素。我想你可以称它为 elementception//wink

更具体地说,我想创建一个带有文本的段落,但我想在该文本中包含链接(或者可能是按钮?)。

var para = document.createElement("P");
var t = document.createTextNode("This is a paragraph. Can I do this: <a href='blabla'>like so?</a>");
para.appendChild(t);
document.body.appendChild(para);

我尝试在 TextNode 的字符串中编写 HTML 标记,但即使我也能看出我这样做很愚蠢。有没有一种笨拙的(简单的)方法来实现这一点,或者有什么方法吗?如果我问的是不可能的事情,请严厉而直截了当,这样我就再也不会问问题了。 谢谢。

最佳答案

最简单的方法是:

para.innerHTML = 'This is a paragraph. Here is a link: <a href="blabla">like so?</a>';

关于javascript - 使用 javascript 在元素中创建元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32213666/

相关文章:

javascript - 单击相应复选框时显示/隐藏下拉菜单

javascript - 如何获取跨度中文本的高度和宽度而不是整个跨度的宽度和高度

使用 SASS 进行 HTML 表单验证?

html - 如何导航到div的顶部?

javascript - 如何使一个按钮在单击另一个按钮时消失?

html - 基于 Shadow DOM 根的字体大小 css 值

javascript - 返回页面时自动将组中的单选按钮设置为选中 - 怎么做?

javascript - 在周末和非工作时间禁用按钮

javascript - 选择父元素(不使用 Jquery)

javascript - 将 jQuery 包装集写入 JSON 文件