HTML-контейнер объекта

Question

Кто-нибудь знает, как я могу поменять контейнер для выпадающего списка?У меня есть 3 "TD" тега, и я хотел бы переместить выпадающее меню между ними, используя код на стороне клиента.

Answer 1

Ты имеешь в виду, что хочешь пойти от чего-то подобного ...

<td id="firstTD"> 
    <select><!-- ... --></select>
</td>
<td id="secondTD"> 
    <!-- ... -->
</td>
<td id="thirdTD"> 
    <!-- ... -->
</td>

К этому?

<td id="firstTD"> 
    <!-- ... -->
</td>
<td id="secondTD"> 
    <!-- ... -->
</td>
<td id="thirdTD"> 
    <select><!-- ... --></select>
</td>

Если это так, то лучше задать этот вопрос JavaScript ... и избавиться от «объекта» и «контейнера». То, что вы ищете, это объектная модель документа и DOM Scripting . Учитывая, что я дал эти атрибуты <td> elements id, я мог бы написать такой JS, как этот:

<script type="text/javascript">
    var firstTD = document.getElementById("firstTD");
    var thirdTD = document.getElementById("thirdTD");
    var selectElement = firstTD.getElementsByTagName("select")[0]; // cutting some corners...
    firstTD.removeChild(selectElement);
    thirdTD.appendChild(selectElement);
</script>

Это самый быстрый и дешевый ответ, но вы захотите прочитать немного больше о других функциях DOM, предлагаемых JavaScript, таких как getElementById(...), getElementsByTagName(...), childNodes, addChild(...), removeChild(...) , replaceChild(...) ...

Если вы хотите, чтобы это произошло, когда пользователь что-то делает (скажем, нажимает кнопку), вам также нужно прочитать об обработке событий JavaScript.