我使用$.get()从远程服务器检索HTML片段,并将该片段插入DOM中。这个片段包含几个基本的HTML元素和一个脚本元素。所有的基本元素都会被插入,但是脚本元素不会插入。
示例片段:
<p>This is a paragraph</p>
<script type="text/javascript">
// JavaScript that will work with the HTML in the snippet
</script>
通过查看Chrome的web检查器中检索到的资源,我已经验证了脚本元素在检索到的片段中。那么,为
假设下面的示例:
let html = `<Parent customAttr={ value }>
<Child className="container" />
</Parent>`;
let div = document.createElement('div');
div.innerHTML = html;
// or
div.insertAdjacentHTML('beforeend', html);
console.log(div);
当将html变量作为div的innerHTML插入时
下面的代码将一些HTML插入到DOM中。(_articleTitleDivTemplate是一个带有HTML的字符串,_previewPane是要插入项目的位置上的元素。)
var div = $(_articleTitleDivTemplate);
_previewPane.before(div);
alert(div.height());
在调试器中运行时,我可以看到div正是我所期望的。插入的元素将正确显示在页面上。除了警报总是显示0之外,一切看起来都很正常。
搜索网页,这似乎应该有一个高度,一旦我打电话给before()。如何获得新插入项的高度?
注意:在运行此代码时,如果有任何影响,
我看到了一些关于如何在JavaScript字符串中添加新行的问题。他们中的大多数都建议使用\n。我试过了,但是新行没有插入到我的HTML中。
相反,我得到以下信息:
<strong>This is the first line
This is the second line</strong>
这是我的弦:
var myString = "This is the first line \n This is the second line";
你知不知道我怎么才能
插入到我的HTML上?
最近,我在一个项目中注意到,::after伪元素没有在input元素之后添加任何内容:
input::after { content: "xxxxxxxxxx"; } // no "virtual last child" inserted into DOM "after" the input
(对“虚拟最后一个子”的引用来自MDN页)
当然,像div这样的元素将在“it和最后一个子"::after”之后插入到DOM中:
div:empty::after { content: "xxxxxxxxxx"; }
//In DO
在CKEditor中以编程方式在现有元素之前插入超文本标记语言(表示CKEditor小部件)的最佳方式是什么?
可编辑内容不在焦点中,当前未被编辑。
例如,假设编辑器的内容为:
<h1>Here's a title</h1>
<h2>Here's a subtitle</h2>
<p>Here's a paragraph</p>
<p>Here's a paragraph</p>
<p>Here's a paragraph</p>
现在
我有表格要用html做,
<thead>
...
</thead>
<tbody>
// tbody has 30 rows for 15 columns.
</tbody>
在几个列中,我必须插入字段
<input type = "time" name = "1st-row/1st-column">
<input type = "time" name = "2nd-row/1st-column">
<input type = "time
var html = '<p>sup</p>'
我想在不插入到dom中的情况下对该文本运行document.querySelectorAll('p')。
在jQuery中,您可以执行$(html).find('p')
如果这是不可能的,什么是最干净的方式来做一个临时插入,确保它不会干扰任何东西。那么只查询该元素。然后去掉它。
(我正在处理ajax请求并尝试解析返回的html)
我有一个关于原型的插入功能的问题。我在HTML中有一个带有'main‘id的div。在我的脚本中,我使用prototype在'main‘div中插入一个新的div ('container')。但是现在我想在'container‘div中插入另一个div,但是我做不到,代码是这样的:
var container;
var wordsDiv;
function build(){
container = new Element('div');
wordsDiv = new Element(&
我使用下面的jQuery方法将一些html添加到div中:
$('#pageTabContent').append($('\
<div class="tab-pane" id="'+ticketId+'">\
And a whole lot more html here..
</div>'));
这很好用,但是因为我的javascript中有太多的html,所以我想