如何在JavaScript中显示同一页上的文本内容？
在JavaScript中显示同一页上的文本内容可以通过以下几种方式实现：
- 使用innerHTML属性：可以通过获取指定元素的innerHTML属性来显示文本内容。例如，如果有一个具有特定id的元素，可以使用document.getElementById()方法获取该元素，然后使用innerHTML属性将文本内容赋值给它。示例代码如下：
document.getElementById("elementId").innerHTML = "要显示的文本内容";- 使用textContent属性：类似于innerHTML，textContent属性也可以用于显示文本内容。不同之处在于，textContent会将文本作为纯文本显示，而不会解析其中的HTML标签。示例代码如下：
document.getElementById("elementId").textContent = "要显示的文本内容";- 创建文本节点：可以使用document.createTextNode()方法创建一个文本节点，然后将其添加到指定元素中。示例代码如下：
var textNode = document.createTextNode("要显示的文本内容");
document.getElementById("elementId").appendChild(textNode);以上方法可以根据具体需求选择使用，它们都可以在JavaScript中显示同一页上的文本内容。
注意：以上答案中没有提及任何特定的云计算品牌商，如需了解腾讯云相关产品和产品介绍，请访问腾讯云官方网站。
相关·内容
4回答
为什么我不能插入只有零宽度白空间设置的文本节点？
javascript、html、textnode
我试图使用JS插入空白文本节点，但它根本不起作用。是否忽略了innerHtml属性对于TextNode
见我的
insertWhitespace = function() {
var contentEditable = document.getElementById("txt");
var element = document.getElementById("annyoing-html");
var textNodeLeft = document.createTextNode("");
var textNodeRight =
浏览 1提问于2016-04-25得票数 1
回答已采纳
1回答
检索本地存储中的所有存储值。
javascript、html、local-storage
初级需求
我真正想要实现的是，有一个带有按钮的文本框，用户可以在该文本框中输入值，然后通过不同的localStorage s将这些值保存到key中(以便即使在页面刷新时也可以检索这些值)，并且插入的值也将显示在文本框下。
我为实现这一目标所做的一切：
<div>
<input type="text" name="userInputs" placeholder="Please insert the value" id="idUserInputs">
<button onclick="i
浏览 0提问于2019-08-18得票数 2
回答已采纳
2回答
如何使用js插入文本(从<textarea>到<p>)
javascript
如何使用JavaScript将文本从textarea注入p元素？
我已经获得了您在下面看到的代码。
<button id="btn" onclick="show()">click</button>
<textarea placeholder="text..." id="textarea"></textarea>
<p id="sp"></p>
<script>
function show() {
浏览 0提问于2016-06-29得票数 0
3回答
动态更改按钮文本内容的span类
javascript、html
我面临一个问题，我有一个按钮，在其中，我要改变它的文本，根据点击。
这个button有一个span附在上面。
但是，当我更改innerHTML/innerText的button值时，span将被移除，而本应与button一起出现的图片也不会出现。
我尝试过添加"className"和'classList.add("text")'，但它只是抛出了一个错误。
因此，我想知道是否有任何方法只能更改button的文本而不影响button's span元素。
(预先谢谢:)
按钮就是这样声明的。
<button id='btnShow
浏览 2提问于2019-04-08得票数 1
回答已采纳
1回答
用附录或其他方法向ul添加html代码而不是纯文本？
javascript、html、html-lists、innerhtml、appendchild
document.getElementById('addplace').addEventListener('click', function() {
addplace();
});
function addplace () {
var node = document.createElement("li"); // Create a <li> node
var textnode = document.createTextNode("<b>Waypoint<
浏览 2提问于2016-04-10得票数 1
回答已采纳
3回答
JavaScript:输出符号和特殊字符
javascript、text、unicode、symbols、appendchild
我正在尝试使用JavaScript将一些符号包含到div中。
它应该是这样的：
X∈ℝ
，但我得到的只有：x ∈ ℝ。
var div=document.getElementById("text");
var textnode = document.createTextNode("x ∈ ℝ");
div.appendChild(textnode);
<div id="text"></div>
我曾经尝试过doc
浏览 11提问于2016-09-02得票数 9
回答已采纳
6回答
通过DOM向JavaScript中的现有文本元素添加文本
javascript、dom
我试图弄清楚如何将文本添加到已经有文本节点的p标记或h1标记中。
例如：
var t = document.getElementById("p").textContent;
var y = document.createTextNode("This just got added");
t.appendChild(y);
<p id="p">This is some text</p>
这段代码给出了一个错误，appendChild不是函数。大多数帮助页首先创建一个p标记，然后追加文本。
向现有文本元素添加文本的正确
浏览 14提问于2017-01-20得票数 70
回答已采纳
1回答
如何在将内容从div复制到页面标题时防止“&”字符的HTML编码？
javascript、html、encoding、character-encoding
我有一个部门，它的内容是我的家庭和行政
<div id="abc"> My Home & Administration></div>
在脚本中，我需要将这个div的内容复制到我的页面标题中。目前，我使用的是innerHTML属性，它对值进行编码。
<script type="text/javascript>
var id = document.getElementById("abc");
document.title = id.innerHTML;
</script>
标题显示为My Home
浏览 2提问于2015-04-10得票数 1
回答已采纳
2回答
将元素中的文本替换为包含html的文本，而不删除已经存在的html。
javascript、jquery
我正在尝试创建一个文本搜索函数，但是当元素中有html时，我很难让它工作。这里有一些简单的html来演示我的问题。
<b>
<input type="checkbox" value="" />
I need replaced
</b>
这就是我目前在这里寻找javascript的地方。如果里面没有html，它就很好用。
$("*", search_container).each(function() {
var replaceTxt = $(this).text().replace(ne
浏览 1提问于2014-03-10得票数 6
回答已采纳
3回答
替换<body>中的文本
javascript、html
我是javascript的新手，如果你能帮助我解决我所面临的这个问题，我将不胜感激。在下面的HTML代码中，我试图突出显示一个特定的单词(比如“message”)，方法是将该单词添加到后面以加粗来替换该单词。
<body>
<img src="http://some.web.site/image.jpg" title="abcd" />
This is a test message.
</body>
字符串"This is a test message“直接在body元素中找到(因此没有id，因此不能使用get
浏览 1提问于2013-01-21得票数 0
回答已采纳
4回答
通过JavaScript设置按钮文本
javascript、html、windows-store-apps
我正在通过JavaScript设置一个按钮，但该按钮不显示文本。
有什么关于如何修复它的建议吗？
var b = document.createElement('button');
b.setAttribute('content', 'test content');
b.setAttribute('class', 'btn');
b.value = 'test value';
var wrapper = document.getElementById(divWrapper);
wrapper.ap
浏览 0提问于2013-04-30得票数 57
回答已采纳
3回答
Jquery从create元素中移除“”
javascript、jquery、html
在这段代码中，我想创建一个新的span元素，我已经从上一页获取了文本：
(function (global) {
var span = document.createElement("span");
var text = document.createTextNode(global.localStorage.getItem("mySharedData"));
span.appendChild(text);
document.body.appendChild(span);
}(window));
我要删除“from：( va
浏览 2提问于2016-03-15得票数 0
回答已采纳
1回答
javascript :正确使用insertBefore()
javascript
我已经创建了javascript程序，因为我在体内和提示符中创建了div标记，以便在创建div之后接受用户的文本，并希望在div.The中添加提示文本，新div应该在已经创建新div之前显示，并为此使用了insertBefore()。我试图在控制台中获得值，在控制台中得到值。但我的计划不像预期的那样有效。
代码：
<!DOCTYPE html>
<html>
<head>
<title>trail</title>
<meta charset="utf-8">
<style ty
浏览 2提问于2017-10-06得票数 0
回答已采纳
3回答
javascript setAttribute
javascript
我使用javascript setAttribute进行如下操作，将'lorem ipsum‘改为'coming’：
<span id="pop_title" name="pop_title" class="title01_mc10401 ff_1 fs_10 fc22 fsb">lorem ipsum</span>
脚本：
function modifyDOM(){
var elem_pop = document.getElementById("pop_title");
elem_
浏览 3提问于2010-07-22得票数 1
4回答
使用javascript删除上一个和下一个HTML元素
javascript、html
我想删除前面和下一个HTML元素后，使用鼠标高亮选定的文本通过javascript，但我只知道如何获得选定的/突出显示的文本，有人能帮助我吗？谢谢。
function text() {
if (window.getSelection)
return window.getSelection();
if (document.getSelection)
return document.getSelection();
if (document.selection)
return document.selection.createR
浏览 4提问于2011-07-19得票数 3
2回答
在字符串/字符串位置后面插入HTML
javascript、html、regex
我没有给出答案，所以希望有人能帮我。
我试图在文本中的子字符串或位置之前和之后非破坏性地插入HTML，以创建新的内联元素或包装现有文本。我只需要使用innerHTML，并且已经完成了这一任务，但我确实希望保留可能绑定到特定DOMNode的事件侦听器。是否有一个元素的方法或原型，将textNodes作为单独的项，允许我在它之后或之前追加HTML？
代码可能是这样操作的：
var testParagraph = document.getElementById("TestParagraph");
/**
text nodes would represent each it
浏览 10提问于2016-06-19得票数 3
回答已采纳
3回答
获取子元素html
javascript、html
下面的代码在html中，我需要在javascript中修改文本“第二文本”和其他内容。
<hr id="elemID"><b>First text</b> Second text
在javascript中，我尝试获取"elemID“的子元素，并修改它们的文本：
var elem = document.getElementById('elemID');
var child = elem.children[1];
child.innerHTML=\"Other text\";
我不知道是否正确地认为“第二
浏览 5提问于2014-07-02得票数 0
回答已采纳
2回答
访问javascript中"em“标记的值
javascript、html
如何访问javascript中的em标记的值？
这是我要访问的元素：<em id='tag_IS_System_Agent'></em>
显示：John Smith
我试图通过javascript访问它：
document.getElementById("emailFrame").src
= "http://www.website.org/mail.php?cid="
+IS_ATTR_ID.value
+"&name="+document.write("<em id=\&#
浏览 1提问于2013-09-13得票数 0
回答已采纳
2回答
$.append()和$.append(document.createTextNode())的区别
jquery、html、string、append
使用以下html
<div id="duo">batman</div>
下面两行jQuery的区别是什么？
$('#duo').append(' and robin');
$('#duo').append(document.createTextNode(' and robin'));
他们都生产
<div id="duo">batman and robin</div>
第一个html和第二个仅仅是一个字符串吗？有关系吗？这意味着什么?区别是什么？
浏览 2提问于2014-10-12得票数 2
回答已采纳
1回答
我无法捕获多个表单和列表javascript
javascript、arrays、function
我在用javascript做函数时遇到了麻烦，比如她把表单数据列在下面，我就是这样做的 <pre>
> function changeText2 () {
> var assembly = ['staff', 'description']
> var node = document.createElement ("LI");
> var textnode = document.createTextNode (assembly);
> no
浏览 23提问于2019-10-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
