• 所有问题

    • JS如何在 Body 区域插入内容

    <html>
    <head>
    <script type="text/javascript">
    function getElements()
    {
    var x=document.getElementById("body");
    x.innerHTML="Hello World!";
    alert('OK')
    }
    </script>
    </head>
    <body>
    <input type="button" onclick="getElements()" value="How many input elements?" />
    <span id="spa"></span>
    </body>
    </html>

    为什么不行额

    举报该问题
    推荐答案   2011-01-17
    这是IE兼容性的问题，换一种写法：
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>图片轮播</title>
    </head>
    <body>
    <TABLE cellSpacing=0 cellPadding=0 width=750 align=center border=0>
    <TBODY>
    <TR>
    <TD><style type="text/css">
    <!--
    #demo {
    overflow:hidden;
    border: 0px dashed #CCC;
    width: 970px;
    height: 155px;
    }
    #demo img {
    border: 3px solid #F2F2F2;
    }
    #indemo {
    float: left;
    width: 800%;
    }
    #demo1 {
    float: left;
    }
    #demo2 {
    float: left;
    }
    -->
    </style>

    <div id="demo">
    <div id="indemo">
    <div id="demo1">
    <table width="180" border="0" cellspacing="2" cellpadding="0">
    <tr>
    <td><table width=880 border="0" cellpadding="0" cellspacing="3">
    <tr>
    <td align="left"><table border="0" cellpadding="0" cellspacing="2" style="border:1px solid #B5B5B5" onMouseOver="this.style.border='1px solid #ebd1aa'" onMouseOut="this.style.border='1px solid #B5B5B5'">
    <tr>
    <td width="160" height="120" align="center" valign="middle">1</td>
    </tr>
    </table></td>
    <td align="left"><table border="0" cellpadding="0" cellspacing="2" style="border:1px solid #B5B5B5" onMouseOver="this.style.border='1px solid #ebd1aa'" onMouseOut="this.style.border='1px solid #B5B5B5'">
    <tr>
    <td width="160" height="120" align="center" valign="middle">2</td>
    </tr>
    </table></td>
    <td align="left"><table border="0" cellpadding="0" cellspacing="2" style="border:1px solid #B5B5B5" onMouseOver="this.style.border='1px solid #ebd1aa'" onMouseOut="this.style.border='1px solid #B5B5B5'">
    <tr>
    <td width="160" height="120" align="center" valign="middle">3</td>
    </tr>
    </table></td>
    <td align="left"><table border="0" cellpadding="0" cellspacing="2" style="border:1px solid #B5B5B5" onMouseOver="this.style.border='1px solid #ebd1aa'" onMouseOut="this.style.border='1px solid #B5B5B5'">
    <tr>
    <td width="160" height="120" align="center" valign="middle">4</td>
    </tr>
    </table></td>
    <td align="left"><table border="0" cellpadding="0" cellspacing="2" style="border:1px solid #B5B5B5" onMouseOver="this.style.border='1px solid #ebd1aa'" onMouseOut="this.style.border='1px solid #B5B5B5'">
    <tr>
    <td width="160" height="120" align="center" valign="middle">5</td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </div>
    <div id="demo2"></div>
    </div>
    </div>

    <script>
    <!--
    var speed=10; //数字越大速度越慢
    var tab=document.getElementById("demo");
    var tab1=document.getElementById("demo1");
    var tab2=document.getElementById("demo2");
    tab2.innerHTML=tab1.innerHTML;
    function Marquee(){
    if(tab2.offsetWidth-tab.scrollLeft<=0)
    tab.scrollLeft-=tab1.offsetWidth
    else{
    tab.scrollLeft++;
    }
    }
    var MyMar=setInterval(Marquee,speed);
    tab.onmouseover=function() ;
    tab.onmouseout=function() ;
    -->
    </script>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>
    </BODY></HTML>
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  推荐于2016-10-09
    <html>
    <head>
    <script type="text/javascript">
    function getElements(){
      var x=document.getElementById("span");//这里是向body的<span id="spa"></span>中插内容
      x.innerHTML="Hello World!";
      alert('OK')
      }
    </script>
    </head>
    <body>
    <span id="spa"></span>
    <input type="button" onclick="getElements()" value="How many input elements?" />
    </body>
    </html>

    相似回答
    javascript中如何在body中动态添加div元素?答：详细的解题步骤如下：<div id="parent"></div> function addElementDiv(obj) { var parent = document.getElementById(obj);//添加 div var div = document.createElement("div");//设置 div 属性，如 id div.setAttribute("id", "newDiv");div.innerHTML = "js 动态添加div";parent.append...
    你好 那个在BODY区域插入元素的JS如何写呢??() 请教你下答：<script type="text/javascript"> //这里是你的代码 </script> <body>
    javascript,如何在body节点下,用js加入一个<p>段落?答：如果你的javascript 在body 标记前，则需要加上window.onload,等页面执行完才执行js,否则会找不到<body></body>标记。window.onload = function(){ var testingText = '<p>hello</p>'var rootElement = document.body;var newElement = document.createElement("div");var newElementHtmlContent =...
    怎么用JS给HTML标签添加内容答：用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。<html> <head> <script> function insert(){ var insertText = "<table><tr><td>any thing</td></tr></table>";do...
    我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码...答：body {background:url(bg.jpg) top center no-repeat; background-size:cover;}这样的话背景图片就会填充整个屏幕了不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。另外background-size:...
    大家正在搜
    如何将折线图嵌入区域区域分析的主要内容区域规划的主要内容幼儿园区域活动内容怎样将表格插到指定区域将图例插到单元格区域怎么设置图表区域区域区域活动有哪些
    相关问题
    javascript，如何在body节点下，用js加入一个<...
    如何用js 在div内插入内容
    你好 那个在BODY区域插入元素的JS如何写呢？？() 请教...
    如何把JS创建的HTML写入BODY
    javascript中如何在body中动态添加div元素？
    js问题 关于body中的div点击范围
    如何在js里面给body里面设背景色