Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sql-server/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从许多元素中获取InnerHTML_Javascript_For Loop_Innerhtml - Fatal编程技术网

Javascript 从许多元素中获取InnerHTML

Javascript 从许多元素中获取InnerHTML,javascript,for-loop,innerhtml,Javascript,For Loop,Innerhtml,我的问题很简单,但我仍然无法解决。我不知道我的代码到底出了什么问题,这让我很不高兴 我所要做的就是用hnaID将InnerHTML文本放入div元素 HTML: <input type='button' value='test' onclick='tst()'> <div class='paragraphe'> <div class='bloc_agence'> <h3>wa7d</h3> </di

我的问题很简单,但我仍然无法解决。我不知道我的代码到底出了什么问题,这让我很不高兴

我所要做的就是用
hna
ID将
InnerHTML
文本放入div元素

HTML:

<input type='button' value='test' onclick='tst()'>
  <div class='paragraphe'>
    <div class='bloc_agence'>
      <h3>wa7d</h3>
    </div>
  </div>
  <div class='paragraphe'>
  <div class='bloc_agence'>
    <h3>joj</h3>
  </div>
</div>
<div class='paragraphe'>
  <div class='bloc_agence'>
    <h3>tlata</h3>
  </div>
</div>
<div id='hna'></div>

wa7d
乔
特拉塔
Javascript:

a=document.getElementsByClassName('paragraphe').children.getElementsByClassName('bloc_agence').children.getElementsByTagName('H3');

function tst(){
    for(i=0;i<a.length;i++){
document.getElementById('hna').InnerHTML+=a[i].InnerHTML+'<br>';
    }}
a=document.getElementsByClassName('paragraph').children.getElementsByClassName('bloc_-agence').children.getElementsByTagName('H3');
函数tst(){
对于(i=0;i

请尝试使用JQuery

    function tst(){
$('#hna').empty();
$('.bloc_agence h3').each(function(){
   var tex=$(this).text() 
   $('#hna').append(tex+'</br>');
});
}
函数tst(){
$('#hna').empty();
$('.bloc_agence h3')。每个(函数(){
var tex=$(this).text()
$(“#hna”)。追加(tex+”
”; }); }
尝试使用JQuery

    function tst(){
$('#hna').empty();
$('.bloc_agence h3').each(function(){
   var tex=$(this).text() 
   $('#hna').append(tex+'</br>');
});
}
函数tst(){
$('#hna').empty();
$('.bloc_agence h3')。每个(函数(){
var tex=$(this).text()
$(“#hna”)。追加(tex+”
”; }); }
尝试使用JQuery

    function tst(){
$('#hna').empty();
$('.bloc_agence h3').each(function(){
   var tex=$(this).text() 
   $('#hna').append(tex+'</br>');
});
}
函数tst(){
$('#hna').empty();
$('.bloc_agence h3')。每个(函数(){
var tex=$(this).text()
$(“#hna”)。追加(tex+”
”; }); }
尝试使用JQuery

    function tst(){
$('#hna').empty();
$('.bloc_agence h3').each(function(){
   var tex=$(this).text() 
   $('#hna').append(tex+'</br>');
});
}
函数tst(){
$('#hna').empty();
$('.bloc_agence h3')。每个(函数(){
var tex=$(this).text()
$(“#hna”)。追加(tex+”
”; }); }

您只需要改进一些语法和使用

a=document.queryselectoral('.bloc\u agence>h3');
函数tst(){
var-str='';
对于(i=0;i';//不是innerHTML它必须是innerHTML
}
document.getElementById('hna')。innerHTML=str;
}

您只需要改进一些语法和使用

a=document.queryselectoral('.bloc\u agence>h3');
函数tst(){
var-str='';
对于(i=0;i';//不是innerHTML它必须是innerHTML
}
document.getElementById('hna')。innerHTML=str;
}

您只需要改进一些语法和使用

a=document.queryselectoral('.bloc\u agence>h3');
函数tst(){
var-str='';
对于(i=0;i';//不是innerHTML它必须是innerHTML
}
document.getElementById('hna')。innerHTML=str;
}

您只需要改进一些语法和使用

a=document.queryselectoral('.bloc\u agence>h3');
函数tst(){
var-str='';
对于(i=0;i';//不是innerHTML它必须是innerHTML
}
document.getElementById('hna')。innerHTML=str;
}

for()
循环之前,您获取的元素级别错误。您只希望获取最外层元素的数组,然后在它们之间循环(
。段落
):

函数tst(){
a=document.getElementsByClassName('段落');
str='';

对于(i=0;i

for()
循环之前,您得到了错误级别的元素。您只想获得最外层元素的数组,然后循环通过它们(
。段落
):

函数tst(){
a=document.getElementsByClassName('段落');
str='';

对于(i=0;i

for()
循环之前,您得到了错误级别的元素。您只想获得最外层元素的数组,然后循环通过它们(
。段落
):

函数tst(){
a=document.getElementsByClassName('段落');
str='';

对于(i=0;i

for()
循环之前,您得到了错误级别的元素。您只想获得最外层元素的数组,然后循环通过它们(
。段落
):

函数tst(){
a=document.getElementsByClassName('段落');
str='';

对于(i=0;i

也许这篇文章没有用[jQuery]标记是有原因的。如果我添加了[LISP]标记并用LISP给出了答案,是否正确?Teemu你很聪明..我没有标记jQuery,但谢谢..我想在现有网页上插入此代码(在URL栏中)因此,我将这段代码改为
javascript:a=document.querySelectorAll('.bloc_-agence>h3');alert(for(i=0;i@SridharR:绝对正确,但不是在JS:)虽然它很有用,但我正在从你的答案中删除否定性。也许这是一个原因,为什么这篇文章没有标记[jQuery]。如果我添加了[LISP]用LISP标记并给出答案,是否正确?Teemu你很聪明..我没有标记jquery,但谢谢..我想在现有网页(URL栏)上插入此代码,因此我将此代码更改为
javascript:a=document.querySelectorAll('.bloc_agence>h3');alert(for(i=0;i@SridharR:绝对正确,但不是在JS:)虽然它很有用,但我正在消除你答案中的消极因素。也许这是一个原因,为什么这篇文章没有用[jQuery]标记。如果我添加了[LISP]标记并用LISP给出了答案,这是否正确?蒂姆你很聪明。我没有标记jQuery,但谢谢。我想在现有网页(URL栏中)上插入此代码因此,我将这段代码改为
javascript:a=document.querySelectorAll('.bloc_-agence>h3');alert(for(i=0;i@SridharR:绝对正确,但不是在JS:)虽然它很有用,但我正在从你的答案中删除否定性。也许这是一个原因,为什么这篇文章没有标记[jQuery]。如果我添加了[LISP]用LISP标记并给出答案,是否正确?Teemu你很聪明..我没有标记jquery,但谢谢..我想在现有网页(URL栏)上插入此代码,因此我将此代码更改为
javascript:a=document.querySelectorAll('.bloc_agence>h3');alert(for(i=0;i@SridharR:绝对正确,但不是在JS:)虽然它很有用,但我正在消除你们答案中的消极因素