Javascript 如何使用prototype在HTML中的当前位置插入元素
如果不知道父元素的id,如何(使用原型)在当前位置动态插入HTML元素?我看到的所有示例都假定元素具有某种id 即Javascript 如何使用prototype在HTML中的当前位置插入元素,javascript,html,dom,prototypejs,Javascript,Html,Dom,Prototypejs,如果不知道父元素的id,如何(使用原型)在当前位置动态插入HTML元素?我看到的所有示例都假定元素具有某种id 即 函数addSomeHtmlAtCurrentPosition() { 当前_元素=…;//魔法? 当前_元素。插入(…); } addSomeHtmlAtCurrentPosition(); addSomeHtmlAtCurrentPosition(); 我曾尝试将prototype与$$('div').last()一起使用,但这似乎不起作用(如果我使用livepipe之类的库
函数addSomeHtmlAtCurrentPosition()
{
当前_元素=…;//魔法?
当前_元素。插入(…);
}
addSomeHtmlAtCurrentPosition();
addSomeHtmlAtCurrentPosition();
我曾尝试将prototype与$$('div').last()一起使用,但这似乎不起作用(如果我使用livepipe之类的库,last()有时会报告另一个div)
我真正想要的是类似于document.write的东西,但是使用原型而不是原始html。我能想到的唯一方法是找到元素并在脚本之前/之后插入元素。问题是,所有的DOM方法都需要一个DOM节点来操作。在加载文档之前执行修改DOM的脚本并不是一个好主意 下面链接类似的问题
我能想到的唯一方法是找到元素并在脚本之前/之后插入元素。问题是,所有的DOM方法都需要一个DOM节点来操作。在加载文档之前执行修改DOM的脚本并不是一个好主意 下面链接类似的问题
我明白了,也许有道理。动态修改HTML文档可能是个坏主意。最后,我重构了我的HTML/javascript,使用原型css选择器动态插入HTML元素,这实际上是一个更干净的解决方案。动态修改HTML文档可能是个坏主意。最后,我重构了我的HTML/javascript,使用原型css选择器动态插入HTML元素,这实际上是一个更干净的解决方案。
<script>
function addSomeHtmlAtCurrentPosition()
{
current_element = ...; // Magic?
current_element.insert(...);
}
</script>
<div>
<script>
addSomeHtmlAtCurrentPosition();
</script>
<!-- should insert something here... -->
</div>
<div>
<script>
addSomeHtmlAtCurrentPosition();
</script>
<!-- ... and then here -->
</div>