dom 相关问题

通过文档对象模型，将此标记用于有关其他语言与XML / HTML交互的问题。不要将其用作HTML，JavaScript或SAX的简写 - 使用其他标记来表示语言和标记。

这是我的代码：日期测试 document.getElementById("日期").innerHTML = Date(); 这是我的代码： <html> <head> <title>Date Test</title> <script> document.getElementById("date").innerHTML = Date(); </script> </head> <body> <p>Today's date is <span id="date"></span></p> </body> </html> 当我运行 HTML 文档时，它只显示“今天的日期是”...为什么？！？脚本执行时，<span id="date">不存在。您可以将其放入 onload 处理程序中来解决此问题： <script> onload = function() { document.getElementById("date").innerHTML = Date(); }; </script> 这将在整个 DOM 准备好后运行脚本。当然，您可以处理 DOMContentLoaded 以在 DOM 准备就绪时立即运行代码，而不是在其内容也加载之后运行，但另一种（非常简单）的方法是将脚本放在结束 </body> 标记之前： <html> <head> <title>Date Test</title> </head> <body> <p>Today's date is <span id="date"></span></p> <script> document.getElementById("date").innerHTML = Date(); </script> </body> </html> 尝试将脚本放在 body 末尾之前以确保 DOM 已加载： <html> <head> <title>Date Test</title> </head> <body> <p>Today's date is <span id="date"></span></p> <script type="text/javascript"> document.getElementById("date").innerHTML = Date(); </script> </body> </html> 示例： http://jsfiddle.net/tQUUH/ 以下是一些更深入讨论该主题的资源： $(document).ready 相当于没有 jQuery window.onload事件（MDN）如果您刚刚学习 JavaScript，MDN 是一个很好的资源。

javascript html dom

回答 2 投票 0

为什么我不能在全局范围内从事件属性调用名为“write”的函数？

我非常简单的html代码，实际上我的javascript代码不起作用，这是我的代码：函数写（）{ 文档...</desc> <question vote="2"> <p>我非常简单的html代码，实际上我的javascript代码不起作用，这是我的代码：</p> <p></p><div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"> <div> <pre><code><!DOCTYPE html> <html> <head> <script> function write() { document.getElementById("div1").innerHTML = "hello world"; } </script> </head> <body> <div id="div1" onclick="write()">hello</div> </body> </html> </code></pre> </div> </div> <p></p> <p>我想将 <pre><code><div></code></pre> 内容更改为“hello world”，但是当我尝试这样做时，当我单击 <pre><code><div></code></pre> 元素时，其内容被删除，并给我一个空白页面。我做错了什么？任何帮助将不胜感激。</p> </question> <answer tick="false" vote="3"> <p>发生这种情况是因为“write”已经被定义为文档对象的方法。您需要将该方法的名称更改为其他名称。</p> </answer> </body></html>

javascript html dom

回答 0 投票 0

如何使用 DOM 提取保留其格式的文本内容

我正在开发一个 Chrome 扩展程序，可以从 LinkedIn 职位帖子中提取职位描述。但是，当我在 DOM 操作中使用 .textContent 或 .innerText 来提取职位描述时，...

javascript dom google-chrome-extension

回答 1 投票 0

JavaScript 网页

我在调试 JavaScript 网页时遇到问题。我遇到困难的地方是我标记（...）的地方。我收到未定义的错误。我是否从函数 countDown(start, incr...

javascript html dom

回答 1 投票 0

我的Javascript出了什么问题？

这是我的jsfiddle（http://jsfiddle.net/mZGsp/）。我试图在这里回答一个问题，但我的代码不起作用。这是代码： JS var stateOfClick = null; 函数initializeLine(){ 文件。

javascript html dom

回答 3 投票 0

在HTML中实现JS

应该很容易，但尽管应该很简单，但我无法解决问题。如果我在在线编辑器中输入以下 HTML 和 JS 代码，一切正常，但如果我将其输入到我的 (

javascript html dom

回答 3 投票 0

我无法使用具有此属性的 querySelector 获取元素 xlink:href=""

正如标题所说。我尝试了CSS.escape，使用了*=。这是 Messenger.com 中图像元素的属性。这是属性： xlink:href="https://scontent.fmnl30-3.fna.fbcdn.net/v/t1.15752-9/

javascript html dom selector queryselector

回答 1 投票 0

另一个 HTML-Javascript 事故

函数 updateScript(){ var wilson = document.getElementById("wilson"); var willow = document.getElementById("willow"); var mighty = document.getElementById("mighty"); } 窗户。

javascript html dom

回答 3 投票 0

使用innerHTML

我正在尝试构建一个带有注册表单和登录表单的一页简单应用程序。我使用这个函数在不同的“div”标签之间切换：函数replaceContentInContainer（目标，源...

javascript html dom

回答 1 投票 0

为什么这个Javascript代码不起作用

下面是我正在使用的简单代码。但为什么它不起作用。给出 JavaScript 错误。函数 postcommnet(wallid) { var txtboxy='commentdata_'+wallid; var commentdata=document.getElementById(

javascript html dom

回答 5 投票 0

似乎无法修复这个问题

我收到此错误“Uncaught TypeError: Cannot set property 'onclick' of null 在index.html:73”，我似乎无法浏览它。请对此提供帮助，它应该......

javascript html dom

回答 1 投票 0

我的Javascript有一些错误[重复]

我编写了一个javascript，其中使用了循环。我想在 div 标签上的 mouseover 和 mouseout 事件上显示和隐藏表格。所有的div被命名为info1，info2，....info6和表被dis...

javascript dom

回答 3 投票 0

[HTML / JavaScript]：

在我的 HTML 文件中，我有一个名为“CheckCaptcha”的 JavaScript 函数。我使用以下代码行在单击图像时执行该函数。它不起作用。经过几个小时的调整和

javascript html dom

回答 4 投票 0

新手 Jquery 问题

我现在已经使用 Jquery 总共两个小时了。到目前为止，我已经制作了这个非常简单的常见问题解答页面。 ...

jquery dom

回答 1 投票 0

为什么操作innerHTML会破坏内部DOM节点的身份？

我在 DOM 元素引用方面遇到了一些问题，我想我已经追踪到它与更新 innerHTML 有关。在此示例中，在第一个警报时，两个变量引用...

javascript dom innerhtml

回答 2 投票 0

我必须关闭所有写入innerHTML属性的标签吗？

所以假设我有这个元素： ... ... 然后我有一个像这样的脚本： var me = document.getElementById("me"); me.innerHTML = ' 所以假设我有这个 <div> 元素： ... <div id="me"></div> ... 然后我有一个这样的脚本： var me = document.getElementById("me"); me.innerHTML = '<span color="#00F">Hello!'; 这个脚本是否是一个糟糕的“黑客”，为什么我必须写/我什至必须写： me.innerHTML = '<span color="#00F">Hello!</span>'; ，结尾是</span>？像'<span color="#00F">Hello!';那样插入html是不好的做法，尽管主要浏览器会自动添加结束标签。为了始终保持一致，请用结束标记包裹 html。来自评论：那么如果浏览器自动添加结束标签为什么会不好呢？首先，你强迫浏览器做这件事，这是耗时的，其次并不是所有浏览器都应该这样工作。有效的 HTML 是可预测的，因此它是健壮且可靠的。 HTML 标签汤取决于每个浏览器应用的具体修复，因此可能导致不一致并且难以诊断错误。

javascript html dom innerhtml

回答 2 投票 0

如何反转用户输入的数字

我尝试反转用户输入，但我不断得到 NaN。请帮忙。我尝试反转用户输入，但我不断收到 NaN。请帮忙。 <input type="number" id="num-enter" placeholder="Enter number"> <button onclick="reverseNumber()">Add Person</button> </div> <script> function reverseNumber(num) { // get user input num = document.getElementById("num-enter").value; // Convert the number to a string, reverse it, and convert it back to a number const reversedString = num.toString().split("").reverse().join(""); const reversedNumber = parseInt(reversedString, 10); // Preserve the sign of the original number return Math.sign(num) * reversedNumber; } console.log(reverseNumber()); </script> 我输入了数字 123，期待的是 321 在加载页面时，在用户输入值之前，您将立即调用该函数： console.log(reverseNumber()); 对空值执行任何数学运算的结果就是 NaN。稍后当有值时再次调用该函数： onclick="reverseNumber()" 但是你对结果什么也不做。删除对该函数的初始调用并在函数内登录到控制台： <script> function reverseNumber(num) { // get user input num = document.getElementById("num-enter").value; // Convert the number to a string, reverse it, and convert it back to a number const reversedString = num.toString().split("").reverse().join(""); const reversedNumber = parseInt(reversedString, 10); // Preserve the sign of the original number console.log(Math.sign(num) * reversedNumber); } </script> 这样，只有单击按钮时才会调用该函数，并将结果输出到控制台。

javascript html dom

回答 1 投票 0

是否存在与用户活动相关的任何事件触发的事件？

正如标题所述，我想知道是否有任何/所有用户活动触发的事件？我想做这样的事情 ...

javascript dom events

回答 4 投票 0

innerHTML 属性有什么用？

innerHTML 属性用于更改 HTML 元素内的文本。这是innerHTML 唯一能做的事情吗（或者）还有其他用途吗？

javascript html dom innerhtml

回答 2 投票 0

js element.click() 不会将焦点转移到该元素

我偶然发现了这种行为。我希望输入元素在单击时获得焦点，以便它成为文档的活动元素。单击是通过 javascr 以编程方式生成的...