添加文字到 <p> 在javascript中使用body标签的ID进行标记

Question

我有一个问题。 我想在' Paragraph '标签中插入文字，但这里' 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？

Answer 1

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>

Answer 2

使用查找方法查找孩子..

 (function(){ $("#tinymce").find("p").html("asd"); })();

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <body dir="ltr" id="tinymce" class="mceContentBody " contenteditable="true"> <p><br data-mce-bogus="1"></p> </body>

Answer 3

你可以使用直接子选择器>和body选择器目标<p>元素：

$("body > p").text("new text");

此外，如果整个HTML文档中只有一个<p>元素，那么您可以直接使用标记名选择器：

 $("p").text("new text");

Answer 4

试试这个

$("p").html("Write Your Text");

Answer 5

试试这个

 $("body > p").text("YourText");

 $("body > p").text("YourText");

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <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中使用body标签的ID进行标记

问题描述

5 个解决方案

解决方案1
8 已采纳 2016-06-09 07:56:26

解决方案2
1 2015-02-19 07:29:55

解决方案3
0 2015-02-19 07:09:31

解决方案4
0 2015-02-19 07:26:14

解决方案5
-1 2015-02-19 07:08:22

添加文字到 <p> 在javascript中使用body标签的ID进行标记

问题描述

5 个解决方案

解决方案1 8 已采纳 2016-06-09 07:56:26

解决方案2 1 2015-02-19 07:29:55

解决方案3 0 2015-02-19 07:09:31

解决方案4 0 2015-02-19 07:26:14

解决方案5 -1 2015-02-19 07:08:22

解决方案1
8 已采纳 2016-06-09 07:56:26

解决方案2
1 2015-02-19 07:29:55

解决方案3
0 2015-02-19 07:09:31

解决方案4
0 2015-02-19 07:26:14

解决方案5
-1 2015-02-19 07:08:22