javascript - 在 JavaScript 中使用 body 标签的 ID 将文本添加到 <p> 标签

标签 javascript html

我想在 paragraph 中插入一些文本 标签,但这里的段落标签没有 ID。因此,使用我想要插入文本的 body 标签的 ID。我该怎么做?

以下是我的 HTML 代码:

<html>
    <head xmlns="http://www.w3.org/1999/xhtml">
        <meta http-equiv="X-UA-Compatible" content="IE=7">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>

    <body dir="ltr" id="tinymce" class="mceContentBody " contenteditable="true">
        <p><br data-mce-bogus="1"></p>
    </body>
</html>

现在,我想在 p 标签中使用 JavaScript 添加文本。

我希望该文本来自另一个变量。是否可以使用 jQuery

最佳答案

JavaScript 解决方案: 在第一个 p 标签中添加文本。

 document.getElementsByTagName("p")[0].innerHTML="Whatever text!";

片段:

var list = document.getElementsByTagName("p")[0].innerHTML="Whatever text!";
//alert(list);
<html>

<head xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="X-UA-Compatible" content="IE=7">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

<body dir="ltr" id="tinymce" class="mceContentBody " contenteditable="true">
  <p>
    <br data-mce-bogus="1">
  </p>
</body>

</html>

关于javascript - 在 JavaScript 中使用 body 标签的 ID 将文本添加到 <p> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28600453/

相关文章:

html - 如何在图像上覆盖/嵌入 Bootstrap 按钮?

html - 这种响应式设计可能吗?

ASP.NET 和火狐浏览器 : why doesn't clicking on a GridView ButtonField do anything?

javascript - 使用 jQuery 附加功能通过淡入淡出过渡来交换元素

javascript - 将 HTML 元素列表转换为对象的 Javascript 列表

javascript - 使用 JavaScript 创建带有对象数组的三级依赖下拉列表

jquery - 如果用户选择了一次,则禁用将来的单选按钮选择

javascript - 将函数序列化和反序列化到 JSON 或从 JSON 反序列化

javascript - 将属性传递给 DOM 中的 React 组件

javascript - 如何使用 TypeScript/JavaScript 中的函数式编程将元素推送到 Map 中的数组?