Question

我正在尝试在文本框中显示我div之一的内容...有人可以帮我解决这个问题吗？如何在HTML文本框中显示div tag的内容？

以下是我到目前为止所尝试的内容：

＆＃13;

  <script>
    var test = document.getElementById("div").innerHtml;
    document.getElementById("Key").value = test;
    </script>

＆＃13;

    <div id="div" style="width: 50px" /></div>   
    <input type="text" id="Key" style="width: 50px" />

＆＃13;

Answer 1

Julius，在你的代码中，文本部分需要是div类和外部css样式表;用边框声明div类。示例HTML：

<div class="boxed">
  This text is enclosed in a box.
</div>
CSS :
.boxed {
  border: 1px solid green ;
}

Answer 2

说你有一个div：

var myTextBox = $("#myTextBox");
var myText = $(".myDiv").text();

myTextBox.val(myText);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myDiv"> blah blah </div>
<input type="text" value="" id="myTextBox" />

使用JQuery，您可以：

var myText = $(".myDiv").text(); // query the DOM for .myDiv selector and get its text
var myTextBox = $("#myTextBox"); // query the DOM and get your textbox
myTextBox.val(myText); // assign value to your textbox

要使用jquery，您必须将它包含在html页面的顶部，如下所示：

<script type="text/javascript src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js" ></script>

Answer 3

另一种方法是在表单代码之外设置一个div类，并使用css样式设置div和form

<div id="div">
    <form id="form">
        <input id="text" type="textbox" />
    </form>
</div>
#div {
    text-align: center;
}
#text {
    width: 200px;
}

Answer 4

一旦页面加载，这将从div获取内容。

如果你有动态数据：你可以把它放到一个函数中并让window.onload调用该函数。如果您希望使用动态数据更新内容，则可以调用该函数来更新文本框。

window.onload=function(){
//Get the innerHTML of the div tag
	var a=document.getElementById('div').innerHTML;
//Place the inner HTML into the text box 'Key'
	document.getElementById('Key').value=a;
};

<div id="div" style="width:50px;">Content here...</div>
<input type="text" id="Key"/>

我希望这会有所帮助。快乐的编码！

Answer 5

首先，div是一个非常糟糕的id名称 - 给它一些有意义的东西。

其次 - 你看到开场div标签内的/了吗？这意味着你刚关闭了div ...

<div id="div" style="width: 50px" /> 是相同的 <div id="div" style="width: 50px" /></div>所以你的代码现在是

<div id="div" style="width: 50px"></div></div>

之间没什么 <div id="div" style="width: 50px" />和</div>将被视为内部html

div内容显示在文本框HTML Javascript上

5 个答案: