Как скрыть часть HTML кода с тегом TR, используя JavaScript?

Question

[VokERton]

Доброго времени.

Столкнулся с проблемой, не могу скрыть часть HTML кода через javascript.

Есть форма личных сообщений (ЛС) на сайте. Два поля: Получатель (указывается пользователь, которому отправляется сообщение) и Тема письма (пользователь указывает предмет письма).

код HTML:

<tr>
			<td width="150">Получатель:</td>
			<td><input type="text" id="PMtoUser" name="s" value="" size="30"> <span id="userDtls"></span></td>
		</tr>
		<tr>

Скрыть саму форму ввода данных и пользователя мне удалось.

document.getElementById('PMtoUser').value="admin"
 document.getElementById("PMtoUser").hidden=true;

а вот слово "Получатель:" - скрыть не получается. Прошу помощи...

Answer 1

[Stalker_RED]

Вы скрываете ячейку (td) с id PMtoUser, при этом сами понимаете что нужно скрывать tr, но скрываете только td. Где логика?

Comments

[VokERton]

Stalker_RED, благодарю за ответ. Вы присвоили id="row2" и по нему удаляете. Это я понял. Спасибо. Дело в том что сам код я не могу редактировать. Так как он является глобальным кодом CMR системы, а отредактировать его можно толь через JavaScript.

есть XPath элемента который нужно скрыть: /html/body/table/tbody/tr/td/div[2]/form[1]/table/tbody/tr[2]

[VokERton]

Вот более полный HTML код:

<div class="pbarContainer pm-informer" data-title="Сообщений 6 из 200">
	<div class="pbarFiller" style="width:3%;"></div>
</div><div align="left">[ <a class="pmCatLink" href="/index/14-0-0">Принятые(<b>3</b>)</a> | <a class="pmCatLink" href="/index/14-0-1">Отправленные(<b>3</b>)</a> | <a class="pmCatLinkActive" href="/index/14-0-0-1">Отправить ЛС</a> |  |   ]</div><hr>
<script type="text/javascript">
function safe(form) {
	document.getElementById('eMessage').innerHTML = '<font color="#8B8B8B"><img src="/.s/img/ma/m/i2.gif" border="0" align="absmiddle" width="13" height="13"> Идет передача данных...</font><hr>';
	//var frm = eval('document.' + f);
	document.getElementById('sbm').disabled = true;
	_uPostForm(form.name, {type:'POST', url:form.action} );
}
function new_message(t){}

function prepost() {
	document.getElementById('preText2').value = document.getElementById('message').value;
	window.open('', 'prev', 'scrollbars=1,width=600,height=250,left=0,top=0');
	document.getElementById('preForm2').submit();
}
</script>
<form method="POST" name="addform" id="addform" action="/index/" style="margin:0" onsubmit="safe(this);return false;">
	<table width="100%" cellspacing="0" cellpadding="1" border="0">
		<tbody><tr><td colspan="2"><div id="eMessage" align="center"></div></td></tr>
		<tr>
			<td width="150">Получатель:</td>
			<td><input type="text" id="PMtoUser" name="s" value="" size="30"> <span id="userDtls"></span></td>
		</tr>
		<tr>
			<td>Тема:</td>
			<td><input type="text" id="pmSubject" name="subject" value="" style="width:100%;" maxlength="100" size="20"></td>
		</tr>
		<tr>
			<td colspan="2">
				<div style="padding-bottom:2px">

[Stalker_RED]

document.getElementById('PMtoUser').closest('tr') // родительский tr для поля PMtoUser

[VokERton]

Stalker_RED, а дальше добавляем .remove(); ?

[Stalker_RED]

Anatoly, у вас в заголовке вопроса написано "скрыть" а не "удалить". Но если хотите удалить, то можно и remove

[VokERton]

Stalker_RED, ну да, всмысле hidden=true;