※ 引述《Nitschke (下載至死)》之銘言:
直接用你給的範例做修改:
http://codepen.io/arthow4n/pen/JRJkGw
var targets = document.querySelectorAll('p br:first-of-type');
[].forEach.call(targets, function (e) {
e.insertAdjacentText('beforebegin', ';')
});
首先選擇你所有的 p 其下所有的第一個 br
(利用:first-of-type來避開是:first-child的<span>),
再來對所有選中的dom節點(那些<br>)進行loop
([].forEach.call只是偷懶的方法,for迴圈也可去loop那個targets),
對每一個選取到的元素進行原生的 insertAdjacentText 插入文字節點。
插的位置也可以改動,參考:
https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentText