javascript - 在输入中传递 HTML DOM 属性

标签 javascript html dom

我有一个简单的输入和下面的一段,我想传递一个 HTML DOM 属性,如“document.readyState”并获取 <p> 内的值输入框下方的标签 这是我做的代码

    <!DOCTYPE html>
<html>
<body>
<input type="text" onkeyup="affiche(this.value)">
<p id="message"></p>
<script>
function affiche(b) {
document.getElementById("message").innerHTML = b ;
}
</script>
</body>
</html>

它不起作用,因为输入字段将其作为字符串返回。

    <!DOCTYPE html>
<html>
<body>
<input type="text" onkeyup="affiche(this.value)">
<p id="message"></p>
<script>
function affiche(b) {
document.getElementById("message").innerHTML = document.readyState ;
}
</script>
</body>
</html>

它的工作原理是这样的,但我想:每次我在输入字段中输入文本时,它都会显示 <p> 内的值标签

最佳答案

      var ipt = $('#ipt');
      var ptxt = $('#ptxt');

      function render(){
        var txt = ipt.val();
        ptxt.text(txt);
      }

      ipt.on('keyup',function(){
        render();
      });

      render();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="ipt"/>
<p id="ptxt"></p>

关于javascript - 在输入中传递 HTML DOM 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36961922/

相关文章:

javascript - 即使在支持 websockets 的浏览器上,SockJS 也会模拟 websockets 吗?

javascript - 根据持久设置修改 Chrome 扩展中的内容 css

jQuery 选择器 : Grabbing a section of children that are of a given tag

javascript - DOM:判断anchorNode或focusNode是否在左侧

jquery - 在 jQuery 中创建 div 作为子容器

javascript - Php - 将 MySQL 结果回显为 geojson

javascript - 下拉选择表单,转到提交时的 URL

javascript - 将类添加到 html 中的脚本行

html - 如何使幻灯片标题响应并在页面最小化时消失?

javascript - jquery 移动页面加载时运行 Javascript 函数