Сравнение document.getElementById('name')
Помогите сравнить 2 document.getElementById('name') При условии менялся цвет.Почему то не выходит в букмарклете. Может я что то прописываю не так?
var x = document.getElementById('id').value;
var z = document.getElementById('id2').value;
if (x == z)
{
x.style.color = "green";
}
else
{
z.style.color = "red";
}
|
window.addEventListener('DOMContentLoaded', function() {
var x = document.getElementById('id').value;
var z = document.getElementById('id2').value;
if (x == z)
{
x.style.color = "green";
}
else
{
z.style.color = "red";
}
});
|
Спасибо, буду тестить.
|
Ruslan_xDD,
:blink: |
Вы случайно не в курсе как это будет выглядеть в букмарклете?
|
Sayler91,
<input id="id" name="" value="1235">
<input id="id2" name="" value="1235">
<a href='javascript:(function(){var a=document,b=a.getElementById("id"),a=a.getElementById("id2");a.style.backgroundColor=b.value==a.value?"green":"red";})();'>test</a>
|
Цитата:
javascript:(function(){var a=document,b=a.getElementById("id"),a=a.getElementById("id2");a.style.backgroundColor=b.value==a.value?"green":"red";})(); void 0
|
Цитата:
|
Правильно ли я понимаю, что в данном примере id="GENDER" и id="_GENDER" можно сравнивать?
<tr>
<th>Обращение:</th>
<td>
<span id="GENDER" xmlpathvalue="//Information/Who">Госпожа</span></td>
<td>
<span id="_GENDER" class="PrintFill" xmlpathvalue="//New_Information/Who">Госпожа</span></td>
</tr>
|
Sayler91,
можно только не value у span a innerHTML или textContent |
Цитата:
|
А можно решить проблему с заглавными и строчными буквами?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table>
<tr>
<th>Обращение:</th>
<td>
<span id="Who" xmlpathvalue="//Information/Who">Мама</span></td>
<td>
<span id="_Who" class="PrintFill" xmlpathvalue="//New_Information/Who">МАМА</span></td>
</tr>
</table>
<input name="" type="button" value="test" onclick="test();">
<script>
function test() {
var a=document,b=a.getElementById("Who"),a=a.getElementById("_Who");
a.style.backgroundColor=b.textContent==a.textContent?"green":"red";
}
</script>
</body>
</html>
|
Sayler91,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table>
<tr>
<th>Обращение:</th>
<td>
<span id="Who" xmlpathvalue="//Information/Who">Мама</span></td>
<td>
<span id="_Who" class="PrintFill" xmlpathvalue="//New_Information/Who">МАМА</span></td>
</tr>
</table>
<input name="" type="button" value="test" onclick="test();">
<script>
function test() {
var a=document,b=a.getElementById("Who"),a=a.getElementById("_Who");
a.style.backgroundColor=b.textContent.toLowerCase()==a.textContent.toLowerCase()?"green":"red";
}
</script>
</body>
</html>
|
Спасибо еще раз спасибо. Не могу поставить плюсик, но плюсик к карме, однозначно!
|
Еще один вопрос. Когда создаю букмарклет на IE11 он не правильно работает. На Chrome работает прекрасно, а в Explorere нет. В чем может быть проблема? Запускаю скрипт этим кодом.
<a href="javascript:(function(){var d=document,s;s=d.createElement('script');if(typeof s!='object')s=d.standardCreateElement('script');s.src='c:/Script/script.js';s.type='text/javascript'; d.body.appendChild(s);})();void 0">тест</a>
|
Sayler91,
попробуйте s.src поставить в конец
<a href="javascript:(function(){var d=document,s;s=d.createElement('script');if(typeof s!='object')s=d.standardCreateElement('script');s.type='text/javascript'; d.body.appendChild(s);s.src='c:/Script/script.js';})();void 0">тест</a>
|
Не помогло(. Скприт как и раньше запускался, но не корректно работает. Выделяет зеленым цветом, когда есть явное различие.
|
Sayler91,
если проблема в скрипте то надо смотреть сам скрипт а не создание скрипта. |
Скрипт работает в Chrome, но не в IE. Возможно что в IE другой синтаксис?
|
Sayler91,
возможно нет методов которые вы используите |
Проблему решил заменой textContent на innerText.
|
| Часовой пояс GMT +3, время: 15:14. |