Question

我有一个查询。我想在“段落”中插入文字标签，但这里'段落'标签没有任何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

使用查找方法查找Childs ..

(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

您可以使用immediate child selector >和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>

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

5 个答案: