使用浏览器控制台添加元素

Question

我正在尝试使用浏览器控制台在网页中添加元素。 我的元素是这样的：

<a class="myclass" role="myrole" href="/url.com">
<span class="Label">Hello World</span>
</a>

我该怎么做？

Answer 1

document.getElementById('myid').innerHTML = "<a class='myclass' role='myrole' href='/url.com'><span class='Label'>Hello World</span></a>";

您可以添加带有某个ID的虚拟div或标记，并使用此代码

HTML：

<div id="myid">

</div>

Answer 2

function addElem(elem, text)
{

    var elem = document.createElement(elem),     // element to be created
        text = document.createTextNode(text);    // text node
        bd = document.body;    // get body

    elem.appendChild(text);   // elem appended with text
    bd.appendChild(elem);     // body appended with elem
    return elem;

}

将其称为：addElem('p', 'text here');

从控制台调用并查看：）

Answer 3

自己试试

打开你的控制台，

var _el = '<a class="myclass" role="myrole" href="/url.com"><span class="Label">Hello World</span></a>';

$（ '后的文本。'）附加（_el）;