Question

我提交了这项任务，我的教授回复说：需要修改processLink函数，为链接添加背景。 她是否要求我改变Reddit和Skyrim Nexus网站的显示方式？我也提供了该网站的链接。

LINK：http://wmelliott.x10host.com/Week4/Fig12_14.html#something

<html>
<body>
  <a href="https://www.nexusmods.com/skyrimspecialedition/?">Skyrim Special Edition</a>
  <a href="https://www.reddit.com/">Reddit</a>

  <div id="links">
  </div>

<script>
  var arr = [], linkList = document.links;
  var contents = "<ul>";
  for(var i=0; i<linkList.length; i++){
    var currentLink = linkList[i];
    contents += "<li><a href='" + currentLink.href + "'>" +currentLink.innerHTML + "</li>";

  }
  contents += "</ul>";
  document.getElementById( "links").innerHTML = contents;

</script>
</body>
</html>

Answer 1

不太确定这是否是您正在寻找的，但它可能会有所帮助！

使用style属性，您可以在不添加<style>或链接外部样式表的情况下实现CSS。您也可以使用JavaScript设置样式，但老实说，您可能只想在使用document.createElement时这样做，除非您希望效果是全局的，或者您希望在for循环之后应用它

<html>
<body>
  <a href="https://www.nexusmods.com/skyrimspecialedition/?">Skyrim Special Edition</a>
  <a href="https://www.reddit.com/">Reddit</a>

  <div id="links">
  </div>

<script>
  var arr = [], linkList = document.links;
  var contents = "<ul>";
  for(var i=0; i<linkList.length; i++){
    var currentLink = linkList[i];
    contents += "<li><a title='dank title' style='color: red; text-decoration: none;' href='" + currentLink.href + "'>" +currentLink.innerHTML + "</li>";

  }
  contents += "</ul>";
  document.getElementById( "links").innerHTML = contents;

</script>
</body>
</html>

我的教授提出的HTML编码请求并没有跟进

1 个答案: