javascript - 如何将文本区域转换为链接?

标签 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> 

不知何故,当我点击创建的链接时,它没有打开。有点卡在这一点上。

最佳答案

你做得对,你只需要使用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>

关于javascript - 如何将文本区域转换为链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52948877/

相关文章:

javascript - JQuery Slider - OnClick 播放宽视频

javascript - 如何根据单选按钮选择在 HTML 中切换 jQuery 类

javascript - 在 EaselJS 中为 spritesheet 设置动画时出现问题

javascript - 在文档就绪时执行 Ajax 功能

javascript - 在密集代码片段之前使用加载器进行 style.display 的 JS 奇怪行为

javascript - Vue @change 事件在 <b-form-datepicker/> 中不起作用

javascript - observablehq 上使用了什么 HTML 处理?

javascript - 如何使用切换类更改 <div> 的属性?

html - 从 HTML 片段中删除任何视频

html - 无法将文本放在圆形按钮的中心