読者です 読者をやめる 読者になる 読者になる

Safari3にinsertAdjacentElementが実装されている。

Safari3対応のinsertAjacent.jsをつくろうかなと思って調査したところinsertAdjacentElementは既に搭載されてました。insertAdjacentHTMLとかinsertAdjacentTextは現段階では実装無。

サンプル

// true
alert('insertAdjacentElement' in HTMLElement.prototype);
// false
alert('insertAdjacentHTML' in HTMLElement.prototype);
// false
alert('insertAdjacentText' in HTMLElement.prototype);
<html>
<head>
</head>
<body>
<div id="foo">Hello</div>
<script type="text/javascript">
var span = document.createElement('span');
var foo = document.getElementById('foo');
span.appendChild(document.createTextNode('World!!'));
foo.insertAdjacentElement('beforeEnd', span);
</script>
</body>
</html>

環境

パブリックベータのSafari 3.0.2[522.13.1]で確認