Question

我有一个条件语句，该条件语句在空的id标记（#demo）中创建链接满足条件后，该链接在页面上会很好显示，但是我无法使用CSS对其进行编辑。

我尝试设置一个<a>标签，并在CSS中进行此操作：

a{
  text-decoration-none;
}

我对ID（#demo）尝试了相同的操作。我认为问题在于该元素不存在于标准HTML中，仅存在于JavaScript中。有任何想法吗？

let zone10btitle="Zone 10b";
let zone10blink =zone10btitle.link("zones/zone10b.html");

if(c10b.includes(acodevalue)==true || 
c10bcities.includes(acodevalue)==true){
    document.getElementById("demo").innerHTML=zone10blink;
 }

Answer 1

link()不是标准的一部分，但所有常见浏览器see here均应支持

它返回嵌入在<a>标记中的字符串，因此CSS应该与生成的链接匹配。

尽管您的CSS规则必须为a {text-decoration: none;}，所以如果您在答案中写的不是拼写错误，则会出现错误：a{ text-decoration-none; }是无效的CSS。

CSS规则必须采用<selector> { <property>: <value>}的形式，并带有<selector>，<property>和<value>的适当替代。

顺便说一句，因为将父级的 innerHTML 设置为链接，所以使用id demo会影响链接的父级，而不是链接本身。

在此link中，您还将获得一个示例代码，可以与您的代码非常相似地运行。

Answer 2

您可以在此处找到类似的代码段，并为链接设置样式。不知道您使用的是内联样式还是外部CSS。

<!DOCTYPE html>
<html>
<head>
<style>
a{
text-decoration: none}
</head>
</style>
<body>

<p>Click the button to display a string as a hyperlink.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var str = "Free Web Building Tutorials!";
  var result = str.link("https://www.w3schools.com");
  document.getElementById("demo").innerHTML = result;
}
</script>

</body>
</html>

信用：https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_str_link

我无法编辑JavaScript链接的样式

2 个答案: