»
Tiếng AnhTiếng PhápTiếng Việt

In - getElementsByClassName: Chọn các đối tượng bằng tên lớp - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Thủ thuật » getElementsByClassName: Chọn các đối tượng bằng tên lớp
URL: https://www.javascriptbank.com/getelementsbyclassname-simple-shorthand-way-to-get-html-element-by-classname-with-regexp.html

getElementsByClassName: Chọn các đối tượng bằng tên lớp © JavaScriptBank.comMột hàm JavaScript đơn giản để cung cấp khả năng chọn các đối tượng HTML thông qua tên lớp của chúng.

Phiên bản đầy đủ: jsB@nk » Thủ thuật » getElementsByClassName: Chọn các đối tượng bằng tên lớp
URL: https://www.javascriptbank.com/getelementsbyclassname-simple-shorthand-way-to-get-html-element-by-classname-with-regexp.html



JavaScript
<script type="text/javascript">// Created by: Robert Nyman | http://www.robertnyman.com// This script downloaded from www.JavaScriptBank.comfunction getElementsByClassName(className, tag, elm){var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)");var tag = tag || "*";var elm = elm || document;var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);var returnElements = [];var current;var length = elements.length;for(var i=0; i<length; i++){current = elements[i];if(testClass.test(current.className)){returnElements.push(current);}}return returnElements;}</script>


HTML
<p>Some ways to call it:</p><p>To get all a elements in the document with a "info-links" class:<br><code>getElementsByClassName(document, "a", "info-links");</code></p><p>To get all div elements within the element named "container", with a "col" class:<br><code>getElementsByClassName(document.getElementById("container"), "div", "col");</code></p><p>To get all elements within in the document with a "click-me" class:<br><code>getElementsByClassName(document, "*", "click-me");</code></p>