dom 相关问题

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

Javascript GPA 计算器

任何人都可以帮我找出我的 gpa 计算器做错了什么吗? 我正在开发一个网页,允许用户输入三个特定课程的字母成绩。 我已经创建了 htm...

回答 2 投票 0

.innerHTML 未显示

我搜索了许多相关的堆栈溢出问题,但无法理解为什么我的 .innerHTML 不起作用。我创建了一个 javascript 文件,虽然警报似乎工作正常,但 .innerHTML 却......

回答 4 投票 0

无法设置属性“innerHTML”的值:对象为空或未定义

当我尝试将这些结果显示到页面中的函数时,它会返回错误。 错误:无法设置属性“innerHTML”的值:对象为 null 或未定义 脚本有效,它们...

回答 5 投票 0

从 div 到 div 绘制弯曲的 SVG 箭头线

我想使用SVG绘制两条弯曲的箭头线来连接两个元素以指示它们来回移动,如下所示: 我读过一些有关 SVG 的内容,但我不完全确定如何创建一条线

回答 3 投票 0

为什么 `document.getElementByTagName` 不起作用?

我无法使用此脚本更改“p”标签内的文本 var firstItem = document.getElementByTagName('p'); firstItem.innerHTML = '添加 Javascript'; …? 我无法使用此脚本更改“p”标签内的文本 var firstItem = document.getElementByTagName('p'); firstItem.innerHTML = 'Adding Javascript'; <p> …? 您有几个编码错误。 这是一些更正的代码: <script> var firstItem = document.getElementsByTagName('p')[0]; firstItem.innerHTML = 'Adding Javascript'; </script> 正确的方法是document.getElementsByTagName('p')。 请注意“Elements”末尾的“s”。 然后,因为 document.getElementsByTagName('p') 返回一个 HTML 集合对象,所以您必须迭代该集合或进入该集合以获取特定的 DOM 对象(我在示例中使用 [0] 执行此操作)。 这是一个有效的代码片段: // change just the first <p> tag document.getElementById("test1").addEventListener("click", function(e) { var firstItem = document.getElementsByTagName('p')[0]; firstItem.innerHTML = 'Adding Javascript'; }); // change all the <p> tags document.getElementById("test2").addEventListener("click", function(e) { var items = document.getElementsByTagName('p'); for (var i = 0; i < items.length; i++) { items[i].innerHTML = 'Setting All Items'; } }); <button id="test1">Change text of first item</button><br><br> <button id="test2">Change text of all items</button><br><br> <p>This is some text</p> <p>This is more text</p> <p>This is and more text</p>

回答 1 投票 0

innerHtml 不适用于 Div

我在这里制作一个网站,主页上有圆形div。现在,我已将 javascript 设置为缩小它们的大小,并在窗口宽度低于 743 像素时重新定位它们。我也想要...

回答 1 投票 0

为什么内部 html 不能与 Javascript 一起使用?

我很紧张,因为我不明白为什么我的代码没有用Javascript显示计算结果。 它是另一种语言,但基本上我只想输入两个变量,如果...

回答 2 投票 0

建议使用innerHTML += 吗?

在我的网络应用程序中,首先下载所需的初始 div。然后,我发送请求并使用 ajax 调用获取额外的绝对 div(弹出 div/警告消息 div 等)。现在我做什么...

回答 2 投票 0

如何解析嵌入HTML页面的CSV数据?

我有一个 HTML 页面,其中充满了用逗号分隔的数据,每行以 标记结尾。在 JavaScript 中,我可以通过请求包含数据的元素的 innerHTML 从 DOM 中获取此信息...

回答 3 投票 0

您应该使用innerHTML向DOM添加HTML还是通过逐一创建新元素来添加HTML?

有两种方法可以将 HTML 代码添加到 DOM,但我不知道最好的方法是什么。 第一种方法 第一种方法很简单,我可以简单地使用 $('[code

回答 3 投票 0

如何模拟对锚标记的点击?

我想模拟对锚标记的点击,并具有正确的目标处理等所有附加功能。 锚点的 DOM 对象似乎有一个“[click()][3]”方法,但并非所有浏览器都支持该方法。火狐

回答 6 投票 0

如何获取DOM节点未转义的文本内容?

我正在尝试获取 DOM 节点的内容,其中包含文本“D&O”。当我尝试使用innerHTML 获取此值时,我得到“D&O”。 有没有办法获得原始的

回答 2 投票 0

无法在鼠标移动事件上定位按钮元素

我的js代码应该以按钮类为目标,并在我的光标类上添加光标悬停导航 我尝试在按钮上添加填充,并且仅当我将鼠标悬停在填充上时脚本才起作用......

回答 1 投票 0

如何处理“TypeError: document.getElementByName is not a function”

我是JS新手。我在下面有一个代码示例,其中我编写了一个 JS 函数,通过该函数我试图在单击按钮后更改 标记的值。我的问题是为什么只设置内部... 我是 JS 新手。我在下面有一个代码示例,其中我编写了一个 JS 函数,通过该函数我试图在单击按钮后更改 <p> 标记的值。我的问题是为什么只设置 innerHTML 与 getElementById 一起使用;但其他方法不行吗? <!DOCTYPE html> <html> <head> <script> function myFunction() { document.getElementById("myid").innerHTML = 'hey'; document.getElementByName("myname").innerHTML = 'Whats'; document.getElementByTagName("p").innerHTML = 'up! '; document.querySelector("p#myid").innerHTML = 'Dude.'; } </script> </head> <body> <p id="myid" name="myname">This text will be changed after button click.</p> <button onclick="myFunction()">Try it</button> </body> </html> 结果:我在等“伙计”。点击后显示。 脚本在 document.getElementByName("myname").innerHTML = 'Whats'; 行失败,因为 getElementByName 不是函数,当脚本尝试调用它时会出错。正确的名字是getElementsByName;元素s。 getElementsByTagName同样。 此外,这两个函数都返回元素列表而不是单个元素。因此,在这里,您想要使用 [0] 来获取该列表中的第一个元素,然后以这种方式使用它: document.getElementsByName("myname")[0].innerHTML = 'Whats'; 使用 F12 或 Ctrl+Shift+I(取决于浏览器)打开浏览器控制台以查看错误,并查阅文档(例如,来自我链接的网站)以确保您正在使用正确的功能。 修改如下,就可以了 document.getElementById("myid").innerHTML = 'hey'; document.getElementsByName("myname")[0].innerHTML = 'Whats'; document.getElementsByTagName("p")[0].innerHTML = 'up! '; document.querySelector("p#myid").innerHTML = 'Dude.'; <!DOCTYPE html> <html> <head> <script> function myFunction() { debugger; document.getElementById("myid").innerHTML = 'hey'; document.getElementsByName("myname").innerHTML = 'Whats'; document.getElementsByTagName("p").innerHTML = 'up! '; document.querySelector("p#myid").innerHTML = 'Dude.'; } </script> </head> <body> <p id="myid" name="myname">This text will be changed after button click.</p> <button onclick="myFunction()">Try it</button> </body> </html> 这里你写了 document.getElementByName("myname").innerHTML = 'Whats'; 这是不正确的,它必须是 document.getElementsByName("myname").innerHTML = 'Whats';试试这个它有效。 仅供参考 document.getElementsByName 返回具有相同名称的元素数组。 我确信 document.querySelectorAll、document.getElementsByClassName 和 document.getElementsByTagName 将返回一个 NodeList 对象。但是, document.querySelector 应返回给定上下文(文档)中该元素的第一个匹配项。

回答 4 投票 0

插入算法DOM中的嵌套子树遍历

一般来说,使用 DOM 的人都听说过插入方法,例如追加、前置等。 我决定研究 Whatwg 规范如何描述它们,我遇到了

回答 1 投票 0

如何将现有文本片段放入新创建的元素节点中? [已关闭]

假设我在论坛上有一些 HTML: 用户名信息 我想编写一个用户脚本将其更改为

回答 4 投票 0

如何将角度数据传递给circular-progress?

我有这些代码将数据从控制器传递到视图: {{SubjectData['eng']['subject']}}

回答 0 投票 0

如何在模板文字中嵌入 DOM 节点?

有什么方法可以将 DOM 元素嵌入到模板字符串中吗? const btn = document.createElement('button'); btn.addEventListener('点击', () => { 警报(“你好”); }); 文档.body.inn...

回答 4 投票 0

在节点中为浏览器控制台提供可用功能

我正在使用node.js 构建一个Web 应用程序。我需要在 TypeScript 代码中声明一个函数,然后可以从浏览器中使用该函数(出于互操作目的)。 代码片段 // 索引.ts // ... 出口

回答 1 投票 0

为什么window.getCompulatedStyle不调用重新计算样式并重排?

看这个例子: const startTime = Performance.now(); setTimeout(() => console.log(`花费时间:${performance.now() - startTime}ms`)) 对于(让我= 0;我< 1000; i++){ const element =

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.