如何使用原型在HTML中的当前位置插入元素

时间:2011-05-01 18:39:22

标签: javascript html dom prototypejs

如果您不知道父元素的id,如何在当前位置动态插入HTML元素(使用原型)?我见过的所有例子都假设元素有某种id。

<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>

我尝试使用带有$$('div')的原型.last(),但这似乎不起作用(如果我使用livepipe这样的库,last()有时会报告另一个div。)

我真正想要的是类似于document.write,但是使用原型而不是原始的html。

1 个答案:

答案 0 :(得分:3)

我能想到的唯一方法是找到&lt; script&gt;元素并在脚本之前/之后插入元素。问题是,所有DOM方法都需要一个DOM节点来操作。在文档加载之前执行修改DOM的脚本并不是一个好的和安全的想法。

以下相似的问题。

  1. JavaScript: get the current executing <script> node?
  2. How may I reference the script tag that loaded the currently-executing script?