个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试用符合 DOM 的节点内容替换代码中的一堆 innerHTML 引用。
<html>
<body>hehe</body>
<script type="text/javascript">
var myDiv = document.createElement('div');
myDiv.setAttribute('id', 'myDivID');
document.getElementsByTagName('body')[0].appendChild(myDiv);
var textNode = '<p>This will be dynamically generated.</p>';
myDiv.appendChild(textNode);
</script>
</html>
当然，脚本不应该在正文下方，但如果我将它放在正文上方，javascript 会返回错误:
document.getElementsByTagName("body")[0]is undefined
因为 body 还不存在。
但就像现在一样，javascript 在“appendChild”步骤中返回了更深奥的错误:
uncaught exception:
[Exception... "Could not convert JavaScript argument arg 0 [nsIDOMHTMLDivElement.appendChild]"
nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"
location: "JS frame :: .....TestStuff/wut.jsp :: <TOP_LEVEL> :: line 8"
data: no]
那么，这是怎么回事？您可以用 getElementById 引用替换 myDiv.setAttribute 和 myDiv.appendChild 行，结果是一样的。
编辑:抱歉，以上错误是 firefox 的，不是 chrome 的。 Chrome 错误是: Uncaught Error :NOT_FOUND_ERR:DOM 异常 8在 myDiv.appendChild 行。我不明白为什么 myDiv 此时不在 DOM 上，但 chrome 似乎不这么认为。
编辑 2:所以，这一行:
var textNode = '<p>This will be dynamically generated.</p>';
如果做成
var textNode = document.createTextNode('< p>This will be dynamically generated.< /p>');
将正确输出文本。但是，我想知道如何生成和附加将输出为实际标记而不是纯文本的 html block ——本质上可以模拟 innerHTML 的东西。
最佳答案
var textNode = '<p>This will be dynamically generated.</p>';
myDiv.appendChild(textNode);
您需要创建 <p>元素和它里面的文本作为不同的节点。这应该是:
var paragraph = document.createElement('p');
var textNode = document.createTextNode('This will be dynamically generated.');
paragraph.appendChild(textNode);
myDiv .appendChild(paragraph);
假设您真的想要 <p>...</p>元素。如果你可以不用它，那么只需创建文本节点并将其附加到 myDiv .
关于javascript - 火狐/XHTML : creating and appending nodes，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3622881/
25
4
0
如何从 中删除选定的附件元素 ? 当您已经选择一个附件时，Firefox 似乎无法删除附件。 我尝试删除名称并点击打开，但没有任何反应。 我也试过取消，但附件还在。 我的解决方案是添加一些 oncl
我在 Firefox(版本 38.05)中遇到一个非常奇怪的错误。我有一个如下所示的表单，以及一段用于验证的 Javascript Javascript function ch
所以我知道how to使用 CSS 指定 HTML input 占位符的颜色。然而，这似乎不适用于 Mozilla Firefox 中 number 类型的 input 字段(尽管在 Chrome 中
我创建了简单的类似 hello world 的插件，它绘制了红色框。 嵌入 xulrunner 应用程序后，该插件几乎可以正常工作。 Xulrunner 应用程序在调整应用程序窗口大小时成功重绘了框。
我在 Firefox javascript 中遇到了一件非常奇怪的事情。我创建了一个对象，并使用字符串作为键。当我看到“watch”键是否有值时，如果其中没有“watch”键，它会通过返回 Objec
好的。我知道我问的是一个老生常谈的问题，但我发布这个问题是因为尽管尝试了各种链接上提供的所有解决方案，我的问题仍未得到解决。 我的限制 - 我不想使用已保存的 Firefox 配置文件来保存网站的证书
我只是想知道如何通过浏览器(Firefox)调用 WCF 服务？ 我的 WCF 服务如下所示: http://localhost:4249/TestService.svc 我试过这个: [Servic
想要一些帮助来解释为什么这不起作用 from selenium import webdriver browser = webdriver.Firefox() browser.get('https://
Firefox 是一种浏览器，没有它我什至无法想到开发 Web 应用程序。它带有许多方便的附加组件和功能，使开发人员的工作变得轻松。 然而，Firefox 的功能非常庞大，并不是每个人都知道它们。因此
我的吉普车有一个基于浏览器的服务手册。在 IE 中运行良好，但在 Firefox 中运行不佳。基本上有一个目录，您可以展开并深入到子主题，例如 [+] 手拿包 [+] 冷却 [+] 电气 但是 Fir
看了一下，发现了一些东西，但似乎没有什么能像我想要的那样工作。 最初我有我的解决方案与 internet explorer 和 chrome 一起工作，但不是 firefox(这让我不满意不能工作)
编辑我有一个状态栏，可用于启用和禁用插件。 最佳答案 定义时: 您的弹出窗口由两个元素组成，image 和 menuitem。弹出窗口
我在菜单中定位悬停效果时遇到问题。在 Firefox 中没问题，但在 chrome 中悬停效果是 UP 的问题。 Firefox:(这里可以) http://pasteboard.co/1ami0qr
这个问题在这里已经有了答案: †appearing instead of quotation marks (1 个回答) 关闭 5 年前。
我的 ASP.net 网站中的一个 GridView header 有问题。我想在我的标题单元格中显示绿色背景颜色的白色文本。我还想让这些单元格的边框颜色保持黑色。 这是我用于标题的 CSS: .my
我有这个输入，在 :before 标签中定义了一些内容。在 IE 和 Chrome 中它运行完美，但 Firefox 把它弄得一团糟。 内容应该在输入标签中可见，但在 Firefox 中，内容在 in
谁能告诉我为什么 firefox 没有打开并添加了以下 Net::HTTPServer 行？ #!/usr/bin/perl # v5.10.1 / linux use strict; use war
我和我的同事在使用 Firefox 3.0.6 访问我们正在开发的 Java 1.6.0___11 Web 应用程序时遇到问题。 session 开始后 1 到 30 分钟内一切正常...但最终，连接
friend ， 我注意到在 Firefox v23.0.1 中，HTMLElement(input,button..etc) 的 hasOwnProperty 不起作用， button1.hasOw
有什么办法可以禁用这个“功能”吗？ 例如，如果向 http://localhost/foo.html 发出请求，并且我已将其指定为根地址“301”，则所有后续请求都会发送到 foo.html。 htm
我是一名优秀的程序员,十分优秀！