Heim  >  Artikel  >  Web-Frontend  >  Wie erhalte ich den Wert eines Tags in js?

Wie erhalte ich den Wert eines Tags in js?

(*-*)浩
(*-*)浩Original
2019-05-20 10:41:4319923Durchsuche

So erhalten Sie den Wert des Tags in js: 1. js kann das innerText-Attribut des Objekts verwenden, um den Wert des Tags abzurufen. 2. Sie können das DOM-Element zuerst über JS abrufen, um das Tag abzurufen , und verwenden Sie dann den Wert usw., um den Wert des Tags zu erhalten. Das ist es.

Wie erhalte ich den Wert eines Tags in js?

In diesem Artikel wird erläutert, wie Sie den Tag-Wert in JS erhalten.

Der Wert der Beschriftung kann mithilfe der innerText-Eigenschaft des Objekts ermittelt werden.

<style type="text/css">
.attr{border:1px solid red;width:40px;height:20px;margin:30px 40px;}
</style>
<div name="gary" age="30" class="attr" onclick="onBtn(this)">按钮</div>
<script type="text/javascript">
function onBtn(obj){
alert(obj.innerText);
};
</script>

Sie können DOM-Elemente auch über JS abrufen (8 Methoden):

Get by ID (getElementById)

By name Attribute (getElementsByName)

Tag-Namen durchsuchen (getElementsByTagName)

Klassennamen durchsuchen (getElementsByClassName)

HTML-Methode abrufen (document.documentElement)

Get Body-Methode (document.body)

Ein Element über den Selektor abrufen (querySelector)

Eine Gruppe von Elementen über den Selektor abrufen (querySelectorAll)

Zuerst die Beschriftung abrufen, Verwenden Sie dann den Wert usw., um den Wert des Etiketts zu erhalten.

Zum Beispiel:

Verwenden Sie document.getElementsByTagName(‘tag name’);

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<script type="text/javascript">
    var div = document.getElementsByTagName('div')[0];
                //获取到了div 
                //element加了s表示是集合 获取的是一组元素 是伪数组
                //可以在获取元素后面加[写你想要的那个元素 数字表示 下标是0]; 
      alert(div.value);       
</script>
</body>
</html>

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Wert eines Tags in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn