>  기사  >  웹 프론트엔드  >  js에서 태그 값을 얻는 방법은 무엇입니까?

js에서 태그 값을 얻는 방법은 무엇입니까?

(*-*)浩
(*-*)浩원래의
2019-05-20 10:41:4319939검색

js에서 라벨 값을 얻는 방법: 1. js는 객체의 innerText 속성을 사용하여 라벨 값을 얻을 수 있습니다. 2. JS를 통해 DOM 요소를 가져와서 먼저 라벨을 얻을 수 있습니다. value 등을 사용하여 라벨의 값을 가져옵니다.

js에서 태그 값을 얻는 방법은 무엇입니까?

이 글에서는 JS에서 태그값을 얻는 방법을 소개하겠습니다.

객체의 innerText 속성을 사용하여 라벨 값을 가져올 수 있습니다.

<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>

JS(8개 메소드)를 통해 DOM 요소를 가져올 수도 있습니다.

ID로 가져오기(getElementById)

이름 속성으로(getElementsByName)

태그 이름으로(getElementsByTagName)

클래스 이름으로( getElements 클래스 이름별 )

html 메소드 가져오기(document.documentElement)

body 메소드 가져오기(document.body)

선택기를 통해 요소 가져오기(querySelector)

선택기를 통해 요소 집합 가져오기(querySelectorAll)

먼저 가져오기 태그를 지정한 다음 값 등을 사용하여 태그 값을 가져옵니다.

예:

document.getElementsByTagName('태그 이름');

<!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>
사용

위 내용은 js에서 태그 값을 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.