作者Hevak (Arthow Eshes)
看板Web_Design
標題Re: [問題] 每個段<p>入面的第一個<br>前面插入分號
時間Wed Sep 28 23:32:36 2016
※ 引述《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
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.168.84.55
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1475076761.A.1B6.html
※ 編輯: Hevak (1.168.84.55), 09/28/2016 23:33:39
1F:→ Nitschke: Hevak, 我稍微更改了我的問題 09/29 10:27
2F:→ Nitschke: 勞煩你check check 看看有甚麼需要更改 09/29 10:29
3F:→ Nitschke: 我連下載甚麼程式才用到Javascript都不知道 09/29 12:39
4F:→ Nitschke: 不如你幫把text file改了 再傳給我更省事 09/29 12:43
6F:→ JustGame: 要發案的話可能要左轉 Code_Job 或是 soho 版 09/29 13:11
7F:→ Nitschke: 舉手之勞而已 我是香港人 發案更麻煩 09/30 10:38
8F:推 tsao1211: 舉手之勞而已這句話是幫忙你的人講的謙虛詞 而不是要人 09/30 13:24
9F:→ tsao1211: 幫忙的人講的話 09/30 13:24
10F:→ tsao1211: 專業有價 不是舉手之勞就應該免費幫忙 09/30 13:25
11F:推 miau: 大推樓上,如果真的是舉手之勞而已那您自己做也應該很容易呀 09/30 13:32
12F:推 imhaha: 我看了什麼= = 09/30 14:54
13F:→ Hevak: 你連文字給人都用rtf舉你個勞............................ 10/01 00:38
14F:→ Nitschke: 專業勒索 10/01 13:36
15F:→ JustGame: 五萬多筆,一筆手動加分號三秒,你兩天不睡覺就做完了 10/01 17:10
16F:→ JustGame: 舉手之勞而已 10/01 17:10
17F:→ JustGame: 一樣,要發案請左轉 Code_Job 或是 soho 版 10/01 17:10
18F:推 Nitschke: 各位大帝... 10/03 09:03