从JavaScript在div中写入文本？_Javascript_Html_Button_Replace

从JavaScript在div中写入文本？

javascript html button replace

从JavaScript在div中写入文本？,javascript,html,button,replace,Javascript,Html,Button,Replace,我有一个JavaScript函数，它使用document.write（）写入页面。我的问题是，当我单击按钮调用函数时，document.write（）会用我正在编写的内容替换我已经拥有的内容。有没有办法从JavaScript将文本写入特定的div 这是我的HTML代码： <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> <script type="

我有一个JavaScript函数，它使用

document.write（）

写入页面。我的问题是，当我单击按钮调用函数时，

document.write（）

会用我正在编写的内容替换我已经拥有的内容。有没有办法从JavaScript将文本写入特定的div

这是我的HTML代码：

<html>
<head>
    <link href="style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="javascript.js">
    </script>
    <script>
        // Calling the Google Maps API
    </script>

    <script>
        <!-- JavaScript to load Google Maps -->
    </script>
</head>

<body>
    <div class="content">
        <div id="googleMap"></div>
        <div id="right_pane_results">hi</div>this -->
        <div id="bottom_pane_options">
            <button onclick="todaydate();">Try It</button>
        </div>
    </div>

</body>

function todaydate() {
    var today_date = new Date();
    var myyear = today_date.getYear();
    var mymonth = today_date.getMonth() + 1;
    var mytoday = today_date.getDate();

    document.write("<h1>" + myyear + "/" + mymonth + "/"+mytoday + "/h1">);
}


//调用谷歌地图API
希斯-->
试试看

…和我的JavaScript代码（我从互联网上得到的只是为了测试）：

<html>
<head>
    <link href="style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="javascript.js">
    </script>
    <script>
        // Calling the Google Maps API
    </script>

    <script>
        <!-- JavaScript to load Google Maps -->
    </script>
</head>

<body>
    <div class="content">
        <div id="googleMap"></div>
        <div id="right_pane_results">hi</div>this -->
        <div id="bottom_pane_options">
            <button onclick="todaydate();">Try It</button>
        </div>
    </div>

</body>

function todaydate() {
    var today_date = new Date();
    var myyear = today_date.getYear();
    var mymonth = today_date.getMonth() + 1;
    var mytoday = today_date.getDate();

    document.write("<h1>" + myyear + "/" + mymonth + "/"+mytoday + "/h1">);
}

函数todaydate（）{
var today_date=新日期（）；
var myyear=today_date.getYear（）；
var mymonth=today\u date.getMonth（）+1；
var mytoday=today_date.getDate（）；
文件。写（“+myyear+”/“+mymonth+”/“+mytoday+”/h1“>）；
}

我希望文本在按钮的正下方。任何帮助都将不胜感激

谢谢，

Josh

你应该避免使用

文档。你最好把结果交给另一个部门：
 <div id="bottom_pane_options">
     <button onclick="todaydate();">Try It</button>
     <div id="results"></div>   <!-- Added div ! -->
 </div>


试试看

然后
函数todaydate（）{
var today_date=新日期（）；
var myyear=today_date.getYear（）；
var mymonth=today\u date.getMonth（）+1；
var mytoday=today_date.getDate（）；
document.getElementById（'results'）.innerHTML=“+myyear+”/“+mymonth+”/“+mytoday+”；
}

如您所见，我们正在使用.innerHTML
将结果写入results
div
希望这有帮助。干杯要写入div，请执行以下操作：
1.给div一个id
或classname

<div id="#txt"></div>

HTML代码：
<div id="someclass"></div>



JS:
document.getElementById（“someclass”）.innerHTML=“一些你想要的东西”；
您只需尝试一下
    <!doctype html>
      <html>
       <head>
         <script type="text/javascript" >
                function load() {
                     var div = document.getElementById('data');
                        div.innerHTML = div.innerHTML + "Write your New Data" + "<br>";
                      }
         </script>

      <body onload="load()">
         <div id= "data">
             Hello... I am old
         </div>
      </body>
    </html>


函数加载（）{
var div=document.getElementById（'data'）；
div.innerHTML=div.innerHTML+“编写新数据”+“
”；
}
你好我老了

我正在调用onload（）函数，您可以根据自己的beed调用它。您需要告诉Javascript执行onload操作。。。试试这个：
<script type ="text/javascript">
  window.onload = function sayHi(){
    document.getElementById('hi').innerHTML = 'Hi';
  };
</script>


window.onload=函数sayHi（）{
document.getElementById（'hi'）。innerHTML='hi'；
};

然后在HTML上：
<span id="hi"></span>


您想把它放在哪个特定的div中？这是可行的，但为了获得最佳实践，您可能需要编辑/添加分号（；）到函数中每个JS行的末尾。谢谢你的解决方案。
<span id="hi"></span>