- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我编写了一个简单的表单输入,它接受一个名称,然后使用 li.innerHTML = ""将其显示在下面的列表中。我想知道如果我使用会有什么不同吗 li.appendChild(document.createTexNode("blabla"));
const form = document.querySelector("#myForm");
const btn = document.querySelector("#submitBtn");
const name = document.querySelector("#nameInput");
const msg = document.querySelector(".msgBox");
const namesList = document.querySelector("#userList");
var i = 1;
form.addEventListener("submit", (e) => {
e.preventDefault();
if (name.value === "")
{
msg.innerHTML = "Please enter a name!";
setTimeout(() => msg.remove(), 2000);
} else {
const li = document.createElement("li");
li.innerHTML = name.value;
namesList.appendChild(li);
name.value = "";
}
})
HTML 文件(如果需要)
<html>
<head>
<meta charset="UTF-8" />
<title>My Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Unesite ime</h1>
<div class="msgBox"></div>
<form id="myForm">
<input id="nameInput" type="text">
<input type="submit" id="submitBtn" value="Submit">
</form>
<ol id="userList"></ol>
</body>
<script src="main.js"></script>
</html>
最佳答案
document.createTextNode
创建一个新的文本节点。此方法可用于转义 HTML 字符,而 innerHTML
用于获取或设置元素节点的 HTML 内容。
如果您想使用 html
更新某些内容,那么 innerHTML
会为您完成这项工作,否则 document.createTextNode
是更安全的功能。
关于javascript - innerHTML 和 document.createTextNode 有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55490127/
我想使用按钮将选择列表添加到我的网站。我需要使用节点,因为我需要能够在 DOM 中访问它,以便稍后可以检索它的值,因此我无法使用 innerHTML。 我的问题是 createTextNode 似乎用
我在学校有一项作业,要求在 JavaScript 执行时编写网页的 DOM。我们在纸上得到了作业,当我尝试在 sublime 上编写并运行它时,代码无法工作。我认为问题是在以下几行: tdTextNo
字符我正在尝试在 XML 文档文本节点中包含正确的字符: Element request = doc.createElement("requestnode"); request.appendChild
我需要通过 CreateTextNode 处理一些文本,因为它可能包含特殊字符。 我想知道什么相当于: /* var status holds some text */ contentStatus
我想在 div 中创建一个新段落: 我想在段落中使用新行。我使用\n 转义它们,但它们正在创建新行。我做错了什么? var oNewP = document.createElement("p"); v
使用这个去掉我的换行符 是否有替代方案可以呈现 html? function viewCommentToggle( comment ) { theRow = document.getElem
所以现在我正在处理一个动态添加内容的列表。所以到目前为止我有这段代码,这是我的 javascript $("#textBox").keypress(function(e) { if(e.keyCode
所以我有一个字符串数组(通常包含 HTML 代码),例如: var array = ["", "", "", "First Name"....]; 我正在使用该数组创建一个串联字符串: var htm
现在我正在尝试弄清楚如何根据用户在输入文本字段中输入的内容将 CREATED 文本附加到 CREATED p 元素。如果我在 createTextElement 方法之后设置文本,则当我单击按钮时它会
有没有办法在'createTextNod'中插入HTML标签或者我还能做什么 $.each(JSON.parse(results), function(i, field){ f
我有一个过滤方法,它返回数组的键和值。现在我得到了完整的 url,但我需要将它包装在标签中,这样我就可以将 url 传递给它的 href。过滤方法: let filtered = myData.map
我正在尝试使用 js 使用 createTextNode() 打印列表的第一个子项并创建一个 h1。我希望我的句子是“蓝色?很棒的颜色”。然而我的句子是读[宾语][宾语]?颜色很棒。如何正确使用列表中
我显然错过了一些真正明显的关于createTextNode和createElement如何工作的东西 - 我有 a very simple test在 div 中显示“Hello World”,但它不
我正在尝试向某些 document.createTextNode 变量添加特定样式。 例如,在下图中我们可以看到我正在处理的网页。 我想做的是: 为了测试 HRDN-7230 和 HRDN-7220,
我需要更改由 createTextNode() 函数创建的元素的字体: var s = document.createTextNode(item.text); s.setAttribute("font
我要向表中添加几千行,因此我需要 native javascript 的速度。 目前我正在使用: nThName = document.createElement("TH"); nThName.app
所以我一直在用原生 javascript 慢慢替换我的许多普通 jQuery 代码,我偶然发现了 document.createTextNode() 和 related MDN documentati
我正在尝试使用 Jasmine 和 jsdom 为 HTML 组件编写 UI 测试。在我的组件中,我使用 createTextNode 生成 DOM 元素的内容。 然而,当测试运行时,document
我在这里得到了这个真正简单的代码: Try it var sth = document.getElementById("haha").value; function myFunct
/n不适用于我的代码,因为它不打印出换行符。请帮忙! 不起作用 var x = document.createElement("TABLE"); x.setAttri
我是一名优秀的程序员,十分优秀!