JS在div里面插入一个链接,链接上的文字为输入框内的文字
答案:3 悬赏:80 手机版
解决时间 2021-02-24 01:02
- 提问者网友：欲劫无渡
- 2021-02-23 15:47
文字框里面的字是txt1.value 超链接是div1.innerHTML = "aa<//a>";现在想把“aa”替换成txt1.value的东西，怎么搞
最佳答案
- 五星知识达人网友：十鸦
- 2020-08-15 20:10
你的前提肯定是触发了哪个事件了，比如我这里就是 input事件吧
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text" id="txt1">
<div id="div1"></div>
<script>
let oT = document.querySelector('#txt1');
let oDiv = document.querySelector('#div1');
oT.oninput = function(){
oDiv.innerHTML=`<a href="javascript:;">${this.value}</a>`;
};
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text" id="txt1">
<div id="div1"></div>
<script>
let oT = document.querySelector('#txt1');
let oDiv = document.querySelector('#div1');
oT.oninput = function(){
oDiv.innerHTML=`<a href="javascript:;">${this.value}</a>`;
};
</script>
</body>
</html>
全部回答
- 1楼网友：我住北渡口
- 2020-10-25 01:47
你在div1里面的额html标签和内容替换一下就行了哦。
div1.innerhtml=""+text1.value+"";
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯