2012-03-20 5 views
-2

Я не мало знаний о JS и HTML, у меня есть HTML, как:получить HREF кнопки и IMG

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>aa</title> 
</head> 

<body><input name="button" type="button" value="hello" onclick="window.location.href('http://hao.360.cn/')" /> 
<input name="button" type="submit" value="helio" onclick="window.open('http://hao.360.cn/')"/> 
<body bgcolor="#000000"> 
<a href="fg726p.exe"><img src="a2.jpg" width="156" height="152" border="0" longdesc="eclipse.exe.lnk" /></a> 
</body> 
</html> 

я хочу с помощью JS, чтобы получить соответственно строку http://hao.360.cn/ из двух кнопок, а также получить строка fg726p.exe и eclipse.exe.lnk из img?

Я хочу использовать js для получения значений для javascript-методов. Я хочу получить помощь.

редактировать: через некоторые люди думают, что это так элементарно, butfor мне я знаю ключ искать его вы можете дать мне некоторые советы и ссылки

edit2: я настроить:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>aa</title> 
<script language="javascript"> 
function get(){ 
    var xx=document.getElementById("bbs") 
alert(":"+xx.title); 
} 
function getElementName(){ 
var ele = document.getElementById("link1"); 
alert(":" + ele.href); 
} 
</script> 

<body><input name="button" id="bbs" title="http://homepage.yesky.com/59/2673059.apk" type="button" value="hello" onclick="get()" /> 
<input name="button2" type="submit" value="helio" onclick="getElementName()"/> 
<body bgcolor="#000000"> 
<a href="http://homepage.yesky.com/59/2673059.apk" id="link1" name="a2"> <img src="a2.jpg" width="156" height="152" border="0" onclick="getElementName()" /></a> 
</body> 
</html> 

Я решил свою проблему, но я не знаю, почему кто-то опубликовал отрицательные оценки, дайте мне немного знаний js. Возможно, вы знаете больше, подумайте об этом легко. я только хочу, чтобы получить жало, я думаю, если вы знаете больше, вы только ответите document.getElementById («link1»). href также может помочь мне не дать мне весь html-документ. Я хочу использовать строку для моего приложения для Android, я думаю, что не знаю, потому что небольшая проблема заключается в изучении всего html. проект не дает вам больше времени

Редактировать3:
var x = document.getElementsByTagName ("input");

var el =x.item(0); 
    alert(el.getAttribute("value")); 
    alert(el.getAttribute("onclick")); 

    el =x.item(1); 
    alert(el.getAttribute("value")); 
    alert(el.getAttribute("onclick")); 


    x=document.getElementsByTagName("a"); 
    el =x.item(0); 
    alert(el.getAttribute("href")); 

    x=el.getElementsByTagName("img"); 
    el =x.item(0); 
    alert(el.getAttribute("longdesc"));​ 

спасибо @jmoreno за этот ответ на мой Фристый вопрос очень good.I пут ответа здесь так, чтобы предотвратить ссылку на него дать сломан.

+1

hi pengwang, у меня есть демо для вас, как выбрать свойства html-элементов в Javascript здесь: http://jsfiddle.net/59DnP/ – tusar

+0

Чтобы это сработало, вам нужно добавить библиотеку jQuery ' 'tags – tusar

+0

спасибо, это только небольшой html, мне не нужно добавьте jqlib, но также большое спасибо. Я также принимаю его. Еще раз спасибо – pengwang

ответ

1

Если вы создаете, что HTML, имейте в виду, что есть несколько проблем, связанных с ней. 1) Работа с JavaScript и DOM лучше всего работает, когда определенные теги имеют идентификаторы, 2) тег тела присутствует дважды.

Но в пределах того, что вы опубликовали, см. Это jsfiddle.

Сердцем этого является ...getAttribute("onclick"), где задан элемент в DOM, вы получаете требуемый атрибут (onclick, href, longdesc).

Я оставляю его вам, чтобы разобрать подстроку, которую вы хотите.

+0

большое спасибо. – pengwang

1

Код, кажется, немного испорчен.

  1. Вы используете body 2 раз. Установка bgcolor, как и вы, действительно старомодная, когда вы хотите установить цвет фона inline, который я бы не рекомендовал вам делать, вы делаете это так style="background-color:#000000;". Вы действительно должны использовать внешний файл css. Потому что, по-моему, HTML предназначен для разметки, а css - для стилизации, и если вам нужно изменить макет в будущем, вы не знаете, настроили ли вы стиль в CSS или в html. Поэтому постарайтесь придерживаться одного метода. Также никогда не используйте тело 2 раза.
  2. Дайте вашим полям ввода ID, чтобы вы могли легко получить к ним доступ через javascript, или по мере того, как вы отметили свой вопрос jQuery, но, прочитав свою HTML-разметку, я вижу, что вы еще не включили jQuery.
  3. Примеры использования jQuery для получения значений, которые вы хотите. Как вы уже видели, я отредактировали ваш HTML разметка немного, поэтому его очистителем и имеет более структуру: http://jsfiddle.net/pmjVP/
Смежные вопросы