js에서 태그 값을 얻는 방법은 무엇입니까?
- (*-*)浩원래의
- 2019-05-20 10:41:4319916검색
js에서 라벨 값을 얻는 방법: 1. js는 객체의 innerText 속성을 사용하여 라벨 값을 얻을 수 있습니다. 2. JS를 통해 DOM 요소를 가져와서 먼저 라벨을 얻을 수 있습니다. value 등을 사용하여 라벨의 값을 가져옵니다.
이 글에서는 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으로 문의하세요.