css 如何远程替换文本并添加到项目的链接?[关闭]

plicqrtu  于 2023-06-07  发布在  其他
关注(0)|答案(1)|浏览(108)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
22小时前关闭
Improve this question
我是一个设计师,不知道很多关于网站布局,但我不得不采取它。我有一个网上商店,它有一个标题,我不能直接改变。我可以在头部或CSS中添加代码。我需要以某种方式改变文本,使它当我点击标题有一个链接。有什么办法可以做到这一点吗?
我尝试使用选择器和innerHTML将这个头替换为相同的(最终需要的)site元素。但由于某种原因,它不能正常工作。显示了文本,但20次中有1次触发了链接。

ltqd579y

ltqd579y1#

我将尽可能地帮助解决这个问题,因为如果您不添加一些实际的代码,它很可能会被关闭。
下面的代码片段做了我认为你所描述的事情,其中它用超链接替换了<h1>“标题”文本。这是我对你想达到的目的的最佳猜测。如果我的解释不正确,请提供更多细节。

//capture the heading element
let myHeading = document.querySelector("#target_this_heading");
//capture the text within the heading element
let myHeadingText = myHeading.textContent;

//create an anchor tag
let aTag = document.createElement('a');
//populate the anchor tag with an HREF
aTag.setAttribute('href',"http://www.yahoo.com");
//set the text of the anchor tag
aTag.textContent = myHeadingText;

//blank out the existing heading
myHeading.textContent = "";
//add your anchor tag
myHeading.appendChild(aTag);
<h1 id="target_this_heading">Go to Yahoo!</h1>
<p>here is a paragraph full of text.</p>

相关问题