将元素插入到DOM中而不是使用dart附加元素：html

dart：html中的对象Element有一个属性elements，它是List<E>的实现。 add方法将元素附加到DOM。我想在DOM中预先添加或插入一个元素。 ElementList中的插入方法均未实现。我怎样才能做到这一点？将元素插入到DOM中而不是使用dart附加元素：html

来源

2012-09-23 w.brian

因此，可以说，你有这样的HTML片段：

<body> 
    <div id='test'></div> 
</body>

你可以做到这一点的DIV前插入一个元素：

现在你的HTML将是：

<body> 
    <p></p> 
    <div id='test'></div> 
</body>

来源

2012-09-23 19:44:23

你在技术上是正确的 - 最好的一种正确的，但它肯定会很好，如果用于元素的List实现为我们做到了这一点。 –

是的，它似乎是一个简单的包装insertRange（）...良好的补丁想法... –

除了约翰的答案。您也可以使用语法：

final el = query('#test'); 

// If you want an element 
el.insertAdjacentElement('beforebegin', new Element.tag('p')); 
// If you want to insert HTML tags 
el.insertAdjacentHTML('beforebegin', '<p>Hello</p>'); 
// Insert just text 
el.insertAdjacentText('beforebegin', 'Hello there');

您可以使用位置参数：beforebegin，afterbegin，beforeend，afterend这将其放置在其它元件开始前，刚内元素的开始，仅在元素的结尾，或者在元素的结尾之外。

来源

2012-09-23 19:51:01

好添加马特。 :)对我个人而言 - 我喜欢尽可能保持强类型，所以如果我选择了你的路线，我可能会为这些字符串做一个枚举（也许是dart：HTML API应该已经有了这个补丁！）;） –

对我来说，与http://dartbug.com/3685类似，我喜欢为此添加便利包装的想法。 –

将元素插入到DOM中而不是使用dart附加元素：html

回答

相关问题