为什么javascript关闭页面标签
Why is javascript closing page tags?
我有一个简单的js,输出html基于供应商的变量
if (icAnalytics == "1"){//Analytics
$("#anal22").html("<a class='test1 test2 test33' href=/dashboard/site_sum.asp?id=application>Analytics</a>");
};
if (icPermissions >= "1"){//Publishers
$("#pub22").html("<a tabindex='0' href=/admin/default.asp class='ubermenu-target ubermenu-target-with-icon ubermenu-item-layout-default ubermenu-item-layout-icon_left'><i class='ubermenu-icon fa fa-lock'></i><span class='ubermenu-target-title ubermenu-target-text'>Pub</span></a>");
}
if (icPermissions == "2"){//Admins
$("#admin22").html("<a class=aTop2 href=/system/default.asp>Admin</a>");
}
else {
};
问题是,当我有一个"li"的html -所以<li id="pub22">
它自动关闭"li",即使我没有添加到它的代码。我无法真正改变页面的布局,因为我无法访问它。是否有一种方法来保持li从关闭后插入html从javascript?
注意-这有点复杂。pub22 li是第一个,然后是嵌套的anal22和admin22,它们具有不同的名称。因为它们是嵌套的,所以我想让li打开。也许我把它弄得太复杂了
只要你用JavaScript将任何HTML添加到DOM中,web浏览器就会尝试解析该HTML。如果你创建了一个<li>
元素而没有关闭它,浏览器会说"哇,这不是有效的HTML;然后它会自动关闭标签
但并不是所有的希望都破灭了!与在编写代码时向DOM添加代码不同的是,将代码全部存储在字符串中,并在完成后才将字符串添加到DOM中。
下面是一个例子:
var myHtml = "<li>"
myHtml += "blah blah this is some content";
myHtml += "</li>";
$("#someElement").html(myHtml); //we add the html to the DOM only now that we're done writing it
您需要做的是:
$element = $('<li id="pub22">...</li>');
$element.append('<a id="anal22" href="...">...</a>');
$element.append('<a id="admin22" href="...">...</a>');
$element.appendTo('#someContainerElement');
在这里创建<li>
,将一些<a>
元素附加到它,然后最后将<li>
附加到DOM中的一些现有元素。以这种方式创建元素,并在准备激活时将它们附加到DOM上,这是jQuery的关键特性之一(实际上这是jQuery基本函数的一部分)。
jQuery的.html
使用javascript的.innerHTML
.innerHTML
将节点插入DOM。根据定义,节点必须是有效的标记。所以浏览器会自动纠正你的错误标记
相关文章:
- 将 OnClick 事件附加到我的标签 - JavaScript.亚德夫.
- innerHTML 在 img 标签 javascript 之后
- Instagram API - 使用自定义标签javascript阅读图片
- 我如何替换像twitter或facebook这样的keydown事件上的hash标签.javascript//jquer
- 当我们点击链接标签javascript中的跨度时,要防止链接的行为
- 自动;点击“;每X秒一个锚标签?Javascript
- 在html中附加文本<脚本></脚本>标签Javascript问题
- 使用Google JSAPI破坏了我的内场标签javascript,为什么以及如何修复它
- 如何更改 标签 javascript 的文本值
- 标签中的标签- JavaScript错误-不能设置属性className为null
- 获取Twitter引导's "标签"Javascript在Rails应用程序上工作
- 完整的HTML标签javascript
- 在 Python 程序中包装画布标签 + javascript 的最简单方法
- 将每个单词的第一个字母包装在span标签- javascript中
- 不能从选择标签JavaScript中检索选项的值
- 将输入文本字段更改为标签,并在标签javascript中添加输入类型值
- 获取特定HTML标签JavaScript的内容
- 解析标签javascript的html属性
- 如何用这一行打开一个新标签(JavaScript?)
- 在span标签javascript中包装数字