本帖最后由 zoenbo 于 2020-11-5 14:11 编辑
JS如何实现更改或者给部分内容添加样式?在线期待ing...
1。解釋 #1 前后加个<span></span> 结果:<span>解釋 #1</span>
2.讀音:hak1 ji3 ,haak1 ji3 (讀音:后的内容都是变的)前后加个<b></b> 结果:<b>讀音:hak1 ji3 ,haak1 ji3</b>
3.詞性:名詞 (詞性:后的内容都是变的)前后加个<p></p> 结果:<p>詞性:名詞</p>
4.出处:前 加个<br> 结果:<br>出处:
5.讨论:替换为 討論:
原代码
[HTML] 纯文本查看 复制代码 <html>
<head>
<title>LOVE 52POJIE</title>
</head>
<body>
<div class="content">
<div class="ciyu">
「刻意」 <br />解釋 #1 讀音:hak1 ji3 ,haak1 ji3 <br />詞性:形容詞 出处:某度 讨论:</div>
<div class="ciyu">
「刻板」 <br />解釋 #1 讀音:haak1 baan2 ,hak1 baan2 <br />詞性:形容詞</div>
<div class="ciyu">
「片刻」 <br />解釋 #1 讀音:pin3 hak1 <br />詞性:名詞</div>
<div class="ciyu">
「時時刻刻」 <br />解釋 #1 讀音:si4 si4 hak1 hak1 ,si4 si4 haak1 haak1 <br />詞性:副詞</div>
</div>
</body>
</html>
想要的结果为以下代码
[HTML] 纯文本查看 复制代码
<div class="ciyu">「刻意」 <br /><span>解釋 #1</span> <b>讀音:hak1 ji3 ,haak1 ji3</b> <br /><p>詞性:形容詞</p> <br>出处:某度 討論:</div>
<div class="ciyu">「刻板」 <br /><span>解釋 #1</span> <b>讀音:haak1 baan2 ,hak1 baan2</b> <br /><p>詞性:形容詞</p></div>
<div class="ciyu">「片刻」 <br /><span>解釋 #1</span> <b>讀音:pin3 hak1</b> <br /><p>詞性:名詞</p></div>
<div class="ciyu">「時時刻刻」 <br /><span>解釋 #1</span> <b>讀音:si4 si4 hak1 hak1 ,si4 si4 haak1 haak1</b> <br /><p>詞性:副詞</p></div>
|