Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как отформатировать вывод используя innerHTML? (https://javascript.ru/forum/events/52381-kak-otformatirovat-vyvod-ispolzuya-innerhtml.html)

Tachi 16.12.2014 20:39
Как отформатировать вывод используя innerHTML?
 
Есть следующий код, как мне его дополнить так, чтобы:
1) содержимое столбца BankName попадало в поле textarea id='bank'
2) содержимое столбца BIC попадало в поле textarea id='bic'
3) как убрать из вывод все теги типа <tr> и прочее?

Буду очень признателен за помощь

<table id="mySuperTBL">
<tr><td><b>BankName</b></td><td><b>BIC</b></td></tr>
 
            <tr id='1'  ondblclick='comm(1)'>
 
            <td>Bank</td>
            <td>Adress</td>
 
            </tr>
 
 
</table>
Bank Name: <br />
<textarea id='bank' cols=56 rows=6></textarea></form>
 
Bank Adress: <br />
<textarea id='bic' cols=56 rows=6></textarea></form>



var textarea = document.getElementById('bank');
function comm(id) {
textarea.value=document.getElementById('comment'+id).innerHTML;
}

рони 16.12.2014 23:31
Tachi,
:cray: 
<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
</head>

<body>
    <table id="mySuperTBL">
        <tr>
            <td><b>BankName</b>
            </td>
            <td><b>BIC</b>
            </td>
        </tr>

        <tr id='1' ondblclick='comm(this)'>

            <td>Bank</td>
            <td>Adress</td>

        </tr>


    </table>
    Bank Name:
    <br />
    <textarea id='bank' cols=56 rows=6></textarea>

    Bank Adress:
    <br />
    <textarea id='bic' cols=56 rows=6></textarea>
    <script>
        var textarea_bank = document.getElementById('bank'),
            textarea_bic = document.getElementById('bic');

        function comm(obj) {
            textarea_bank.value = obj.cells[0].innerHTML;
            textarea_bic.value = obj.cells[1].innerHTML;
        }
    </script>
</body>

</html>

krutoy 16.12.2014 23:51 
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>

<table>
<tr>
 <td><b>BankName</b></td>
 <td><b>BIC</b></td>
</tr>
<tr>
 <td>Bank1</td>
 <td>Adress1</td>
</tr>
<tr>
 <td>Bank2</td>
 <td>Adress2</td>
</tr>
</table>
Bank Name: <br />
<textarea id='bank' cols=56 rows=6></textarea></form>
 <br /> 
Bank Adress: <br />
<textarea id='bic' cols=56 rows=6></textarea></form>



 
<script>
textarea1 = document.getElementById('bank');
textarea2 = document.getElementById('bic');

table=document.querySelector("table")
trs=table.querySelectorAll("tr")
f=function(){
   var data=this.querySelectorAll("td")
   textarea1.value+=data[0].innerHTML+"\n"
   textarea2.value+=data[1].innerHTML+"\n"
}
for(var i=1; i<trs.length; i++){
    trs[i].ondblclick=f
}



</script>
</body>
</html>

Tachi 17.12.2014 14:40
Спасибо огромное за помощь :) Вы лучшие :thanks:


Часовой пояс GMT +3, время: 03:01.