插入id ="SomeName"；使用JavaScript到表的tr标签 [英] Insert id="SomeName" to tr tag of table using JavaScript

问题描述

你好朋友，

我对JavaScript非常陌生(因此，这对于专家来说可能是一个非常愚蠢的问题)，并且面临着需要使用Javascript函数将id ="table_tbody_tr1"插入到表的第一个tr标签中的情况.

简而言之，我有以下代码:

Hello Friends,

I am very new for JavaScript(So, this may be a very dumb question for experts)and facing a scenario where I need to insert id="table_tbody_tr1" to the very first tr tag of the table using a Javascript function.

In short, I have following code:

<div id="div_ScriptHolder">
    <table id="tbl_ScriptHolder" style="width: 100%;">
        <tbody>
            <tr>
                <td id="table_tbody_tr1_td1">
                    ROW 1 COL 1
                </td>
                <td id="table_tbody_tr1_td2">
                    ROW 1 COL 2
                </td>
                <td id="table_tbody_tr1_td3">
                    ROW 1 COL 3
                </td>
            </tr>
            <tr>
                <td id="table_tbody_tr2_td1">
                    ROW 2 COL 1
                </td>
                <td id="table_tbody_tr2_td2">
                    ROW 2 COL 2
                </td>
                <td id="table_tbody_tr2_td3">
                    ROW 2 COL 3
                </td>
            </tr>
            <tr>
                <td id="table_tbody_tr3_td1">
                    ROW 3 COL 1
                </td>
                <td id="table_tbody_tr3_td2">
                    ROW 3 COL 2
                </td>
                <td id="table_tbody_tr3_td3">
                    ROW 3 COL 3
                </td>

            </tr>
        </tbody>
    </table>
</div>

我希望这段代码看起来像下面的一样(仅在顶部的第4r行中进行更改).我需要使用JavaScript函数来实现此功能，例如

and I want this code to look like following (only change in the 4rth line from top). I need to achieve this using JavaScript function say for ex

function insertId(strTableId, strTrId) {
   // Which code I should place here..?
}

<div id="div_ScriptHolder">
    <table id="tbl_ScriptHolder" style="width: 100%;">
        <tbody>
            <tr id="table_tbody_tr1">
                <td id="table_tbody_tr1_td1">
                    ROW 1 COL 1
                </td>
                <td id="table_tbody_tr1_td2">
                    ROW 1 COL 2
                </td>
                <td id="table_tbody_tr1_td3">
                    ROW 1 COL 3
                </td>
            </tr>
            <tr>
                <td id="table_tbody_tr2_td1">
                    ROW 2 COL 1
                </td>
                <td id="table_tbody_tr2_td2">
                    ROW 2 COL 2
                </td>
                <td id="table_tbody_tr2_td3">
                    ROW 2 COL 3
                </td>
            </tr>
            <tr>
                <td id="table_tbody_tr3_td1">
                    ROW 3 COL 1
                </td>
                <td id="table_tbody_tr3_td2">
                    ROW 3 COL 2
                </td>
                <td id="table_tbody_tr3_td3">
                    ROW 3 COL 3
                </td>

            </tr>
        </tbody>
    </table>
</div>

请帮我.预先感谢您的回答.

谢谢.

gnachiket

Please help me. Your answers are very much appreciated in advance.

Thanks.

gnachiket

推荐答案

function insertId(strTableId, strTrId) {
    document.getElementById(strTableId).
    getElementsByTagName('tr')[0].
    setAttribute('id', strTrId);
};

这篇关于插入id ="SomeName"；使用JavaScript到表的tr标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！