通过js innerHtml动态生成div内容请帮忙、

时间：2021-08-29 19:40:36
请帮忙。

<html>
<head>
<script>
function Test(){
   var aa = document.getElementById('divID');
   aa.innerHtml = "<ul><li>fdasfafas</li><ul>";
           aa.innerHtml += "<ul><li>erwerwer</li><ul>";
           aa.innerHtml += "<ul><li>rwerwerwerw</li><ul>";
}
</script>
</head>
<body onLoad="Test()">
<div id="divID">
</div>
</body>
</html>


请帮忙看看为何不能动态生成。十分感谢。

13 个解决方案

#1

在线等。。。。。顶顶。

#2

function Test(){ 
   var aa = document.getElementById('divID'); 
   aa.innerHtml = " <ul> <li>fdasfafas </li> <ul>"; 
           aa.innerHtml += " <ul> <li>erwerwer </li> <ul>"; 
           aa.innerHtml += " <ul> <li>rwerwerwerw </li> <ul>"; 
} 
</script> 

放到div下面 onload还没div控件！

#3




<html> 

<head> 

<script> 

function Test(){ 

alert('dd');

   var aa = document.getElementById('divID'); 

   aa.innerHTML = " <ul> <li>fdasfafas </li> <ul>"; 

           aa.innerHTML += " <ul> <li>erwerwer </li> <ul>"; 

           aa.innerHTML += " <ul> <li>rwerwerwerw </li> <ul>"; 

} 

</script> 

</head> 

<body onLoad="Test()"> 

<div id="divID"> 

</div> 

</body> 

</html> 



看错了 不好意思

#4

很明显的 语法错误  
aa.innerhtml
改成大写
aa.innerHTML
HTML要大小写
JS 区别大小写
小心噢 呵呵:)

#5

o .这样的。我再实验一下。

谢谢各位了。嘎嘎。请大家吃糖果。

#6

引用 3 楼 s_liangchao1s 的回复:
HTML code

<html> 
<head> 
<script> 
function Test(){ 
alert('dd');
   var aa = document.getElementById('divID'); 
   aa.innerHTML = " <ul> <li>fdasfafas </li> <ul>"; 
           aa.innerHTML += " <ul> <li>erwerwer </li> <ul>"; 
           aa.innerHTML += " <ul> <li>rwerwerwerw </li> <ul>"; 
} 
</script> 
</head> 
<body onLoad="Test()"> 
<div id="divID"> 
</div> 
</body> 
</htm…


你的意思说。把js的代码放在div后面？？？不过js代码都是放在<head>里面的。

而且。我在li里面的数据都是在onload函数里面获取的 。。。该怎么办那？请指教一二。

#7

li里面的数据都是在onload函数里面获取的<===把内容设置为变量然后用.getElementById动态取
hava a try

#8

<html>
<head>
<script>
function Test(){
   var aa = document.getElementById('divID');
   alert(aa);

    aa.innerHtml = "  <ul>  <li>fdasfafas  </li>  <ul>";  
         aa.innerHtml += "  <ul>  <li>erwerwer  </li>  <ul>";  
         aa.innerHtml += "  <ul>  <li>rwerwerwerw  </li>  <ul>";  
}  
 
</script>
</head>
<body onLoad="Test()">
<div id="divID">
</div>
</body>
</html>

以上这个是改后代码，还是没加载出来啊。。。。请帮帮忙。。

#9

引用 7 楼 blow_jj 的回复:
li里面的数据都是在onload函数里面获取的 <===把内容设置为变量然后用.getElementById动态取 
hava a try

了解。但是

我需要动态生成li 这个DOM啊。

就是说html上页面只有div。然后我从后台获取数据时，是动态加载到前台页面上。

#10

Html ====>HTML楼主别人给你答案你都不看？

#11

引用 10 楼 s_liangchao1s 的回复:
Html ====>HTML楼主别人给你答案你都不看？


我看到了。我改完了。还是不好用啊。

#12

<table border=1><tr><td>asdfasdf</td></tr></table>

#13

把<script>
function Test(){
var aa = document.getElementById('divID');
alert(aa);

aa.innerHtml = " <ul> <li>fdasfafas </li> <ul>"; 
aa.innerHtml += " <ul> <li>erwerwer </li> <ul>"; 
aa.innerHtml += " <ul> <li>rwerwerwerw </li> <ul>"; 
} 

</script>
放在boby后面试下呢？

#1

在线等。。。。。顶顶。

#2

function Test(){ 
   var aa = document.getElementById('divID'); 
   aa.innerHtml = " <ul> <li>fdasfafas </li> <ul>"; 
           aa.innerHtml += " <ul> <li>erwerwer </li> <ul>"; 
           aa.innerHtml += " <ul> <li>rwerwerwerw </li> <ul>"; 
} 
</script> 

放到div下面 onload还没div控件！

#3




<html> 

<head> 

<script> 

function Test(){ 

alert('dd');

   var aa = document.getElementById('divID'); 

   aa.innerHTML = " <ul> <li>fdasfafas </li> <ul>"; 

           aa.innerHTML += " <ul> <li>erwerwer </li> <ul>"; 

           aa.innerHTML += " <ul> <li>rwerwerwerw </li> <ul>"; 

} 

</script> 

</head> 

<body onLoad="Test()"> 

<div id="divID"> 

</div> 

</body> 

</html> 



看错了 不好意思

#4

很明显的 语法错误  
aa.innerhtml
改成大写
aa.innerHTML
HTML要大小写
JS 区别大小写
小心噢 呵呵:)

#5

o .这样的。我再实验一下。

谢谢各位了。嘎嘎。请大家吃糖果。

#6

引用 3 楼 s_liangchao1s 的回复:
HTML code

<html> 
<head> 
<script> 
function Test(){ 
alert('dd');
   var aa = document.getElementById('divID'); 
   aa.innerHTML = " <ul> <li>fdasfafas </li> <ul>"; 
           aa.innerHTML += " <ul> <li>erwerwer </li> <ul>"; 
           aa.innerHTML += " <ul> <li>rwerwerwerw </li> <ul>"; 
} 
</script> 
</head> 
<body onLoad="Test()"> 
<div id="divID"> 
</div> 
</body> 
</htm…


你的意思说。把js的代码放在div后面？？？不过js代码都是放在<head>里面的。

而且。我在li里面的数据都是在onload函数里面获取的 。。。该怎么办那？请指教一二。

#7

li里面的数据都是在onload函数里面获取的<===把内容设置为变量然后用.getElementById动态取
hava a try

#8

<html>
<head>
<script>
function Test(){
   var aa = document.getElementById('divID');
   alert(aa);

    aa.innerHtml = "  <ul>  <li>fdasfafas  </li>  <ul>";  
         aa.innerHtml += "  <ul>  <li>erwerwer  </li>  <ul>";  
         aa.innerHtml += "  <ul>  <li>rwerwerwerw  </li>  <ul>";  
}  
 
</script>
</head>
<body onLoad="Test()">
<div id="divID">
</div>
</body>
</html>

以上这个是改后代码，还是没加载出来啊。。。。请帮帮忙。。

#9

引用 7 楼 blow_jj 的回复:
li里面的数据都是在onload函数里面获取的 <===把内容设置为变量然后用.getElementById动态取 
hava a try

了解。但是

我需要动态生成li 这个DOM啊。

就是说html上页面只有div。然后我从后台获取数据时，是动态加载到前台页面上。

#10

Html ====>HTML楼主别人给你答案你都不看？

#11

引用 10 楼 s_liangchao1s 的回复:
Html ====>HTML楼主别人给你答案你都不看？


我看到了。我改完了。还是不好用啊。

#12

<table border=1><tr><td>asdfasdf</td></tr></table>

#13

把<script>
function Test(){
var aa = document.getElementById('divID');
alert(aa);

aa.innerHtml = " <ul> <li>fdasfafas </li> <ul>"; 
aa.innerHtml += " <ul> <li>erwerwer </li> <ul>"; 
aa.innerHtml += " <ul> <li>rwerwerwerw </li> <ul>"; 
} 

</script>
放在boby后面试下呢？
标签：

相关文章