javascript - 使用javascript在特定位置打印文本

Question

如何在页面的特定位置打印文本？当我使用 document.write() 时，文本打印在新页面上。

Answer 1

你的问题不是很具体。但是试试这个尺寸:

HTML:

<div>Some content</p>
<div>Some more content</div>
<div id="specificposition"></div>
<div>Even more content</div>

JavaScript:

var target = document.getElementById("specificposition"); // find the list-item

target.innerHTML = "Here I am!"; // set it's content

如果你使用 jQuery ，DOM操作就简单多了。假设我想在下面的无序列表中的第二个列表项之后插入另一个列表项:

HTML:

<ul>
    <li></li>
    <li></li> <!-- this is the second list-item -->
    <li></li>
    <li></li>
</ul>

我可以做到(JavaScript/jQuery):

$(function ()
{
    // this function gets executed once the DOM is ready for manipulation

    var target = $("li:eq(1)"); // get the 2nd list-item in the unordered list

    target.after("<li>Here I am!</li>"); // insert a new list-item
});

结果:

<ul>
    <li></li>
    <li></li> <!-- this is the second list-item -->
    <li>Here I am!</li>
    <li></li>
    <li></li>
</ul>