如果您不想更改整個文檔，請不要從 DOM 中獲取整個內(nèi)容。你說你只是想改變后身。因此，給帖子正文一個id（這樣我們就可以在js中獲取帖子正文）并僅更改其內(nèi)容。
注意：要替換所有出現(xiàn)的“Ronaldo”，請使用replaceAll("word to replace")函數(shù)。
document.getElementById("post-body").innerHTML = document.getElementById("post-body").innerHTML.replaceAll('Ronaldo', '<a href="https://en.wikipedia.org/wiki/Cristiano_Ronaldo">Cristiano Ronaldo</a>');
.post-title {
font-size: 20px;
}
.warning {
color: red;
}
a {
color: blue;
}
<p class='post-title'>Ronaldo became the hottest player of 2020</p>
<!--Give the following p element an id, so we can get that element in js. I gave the 'post-body' id. -->
<p id='post-body'>Ronaldo [<span class='warning'>I want this text to turn into a hyperlink</span>] dos Santos Aveiro GOIH ComM (Portuguese pronunciation: [k?i??tj?nu ???na?du]; born 5 February 1985) is a Portuguese professional footballer who plays as a forward for Serie
A club Juventus and captains the Portugal national team. Often considered the best player in the world and widely regarded as one of the greatest players of all time,[10] Ronaldo has won five Ballon d'Or awards[note 3] and four European Golden Shoes,
both of which are records for a European player. He has won 30 major trophies in his career, including seven league titles, five UEFA Champions Leagues, one UEFA European Championship, and one UEFA Nations League title. Ronaldo holds the records for
the most goals (134) and assists (41) in the history of the UEFA Champions League.[11] He is one of the few recorded players to have made over 1,000 professional career appearances and has scored over 750 senior career goals for club and country.[12]
He is also the second player to score 100 international goals, and the first European to achieve the feat.[13]</p>
只是上面代碼片段的 js 的干凈版本。
const postBody = document.getElementById("post-body");
const ronaldoLink = '<a href="https://en.wikipedia.org/wiki/Cristiano_Ronaldo">Cristiano Ronaldo</a>'
postBody.innerHTML = postBody.innerHTML.replaceAll('Ronaldo', ronaldoLink);
