如何转换文本区域以进行链接?

时间:2018-10-23 12:16:17

标签: javascript html

这是我的代码段:

  function myFunction() {
    var x = document.getElementById("myTextarea").value;
    document.getElementById("demo").innerHTML = x;
    } 
 <!DOCTYPE html>
    <html>
	<body>
	<textarea id="myTextarea"></textarea>
	<button type="button" onclick="myFunction()">Transform into link</button>
	<a href="" target="_blank" id="demo"></a>
    <script src="links.js"></script>
	</body>
	</html> 

以某种方式,当我单击它时,打开的链接未打开。此时有点卡住。

1 个答案:

答案 0 :(得分:3)

您做得对,您只需要使用href而不是innerHTML。

function myFunction() {
    var x = document.getElementById("myTextarea").value;
    document.getElementById("demo").href = x;
} 
<!DOCTYPE html>
<html>
    <body>
        <textarea id="myTextarea"></textarea>
        <button type="button" onclick="myFunction()">Transform into link</button>
        <a href="" target="_blank" id="demo">My Link!</a>
        <script src="links.js"></script>
    </body>
</html>