使用javascript在if条件内显示链接

Display a link inside an if-condition using javascript

本文关键字：显示 链接 条件 if javascript 使用      更新时间：2023-09-26

如何使用javascript在if条件内显示href链接？

 <!DOCTYPE html>
    <html>
    <body>
    <script>
    function myFunction() {
        var x = document.getElementById("fname");
   if(x.value.indexOf("aaaa")>=0)document.getElementById("result").innerHTML= "<a href="+x.value+">"+ x.value + "</a>" ;
        else document.getElementById("result").innerHTML=x.value;
    }
    </script>
    <form method="post" action="esegui.php">
      Name<br><input type="text" id="fname" onkeyup="myFunction()"> 
    </form>
    <p id="result"></p>
    </body>
    </html>

您可以通过以下方式使用JavaScript创建锚标记：

var aTag = document.createElement('a');
aTag.setAttribute('href',"http://www.google.com");
aTag.innerHTML = "aaa";
document.body.appendChild(aTag);

如果条件将创建锚标记（链接），请将上面的代码放入。

虽然你的问题有点令人困惑，但我会尽力帮助你

如果你想创建一个特定的链接，请这样做：

var link = window.document.createElement("a");
var str = window.document.getElementById("theidofyourinput").value;
link.textContent = str;
link.href = 'http://www.linkofyourpage';
document.getElementsByTagName('body')[0].appendChild(link);

尝试在JavaScript中研究createElement（）方法，调用它在if语句的主体中创建一个锚元素，例如

var myLink = document.createElement('a');
myLink.appendChild(document.createTextNode('link name')); //visible text
myLink.setAttribute('href', 'http://google.com');         //link href attribute
document.getElementById('someId').appendChild(myLink);    //append the element

有很多方法可以做到这一点，但您没有提到具体的场景，所以请这样做：

在HTML:中

<div id="test"></div>

在Java脚本中：

var markup = "<a href="www.stackoverflow.com">link</a>";
var v = document.getElementById("test") ;
v.innerHtml(v );
相关文章：