getElementsByClass allows optionally searching for elements containing the class

baconcheese113 · baconcheese113 · commit 998aee44596f · 2020-01-17T22:30:40.000-07:00
diff --git a/changelog b/changelog
diff --git a/dom.js b/dom.js
@@ -821,11 +821,11 @@ Element.prototype = {
 			return ls;
 		});
 	},
-	getElementsByClassName : function(className){
+	getElementsByClassName : function(className, exactMatch = true){
 		return new LiveNodeList(this,function(base){
 			var ls = [];
 			_visitNode(base,function(node){
-				if(node !== base && node.nodeType == ELEMENT_NODE && node.hasAttribute('class') && (node.getAttribute('class') == className)){
+				if(node !== base && node.nodeType == ELEMENT_NODE && node.hasAttribute('class') && (exactMatch ? node.getAttribute('class') === className : node.getAttribute('class').replace(/\s+/g, ' ').trim().split(" ").includes(className))){
 					ls.push(node);
 				}
 			});
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-html-parser",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "can use html/xml parser in react-native/titanium/browser anywhere",
   "keywords": [
     "dom",
@@ -71,7 +71,7 @@
     }
   ],
   "bugs": {
-    "url": "http://github.com/g6ling/xmldom/issues",
+    "url": "http://github.com/g6ling/react-native-html-parser/issues",
     "email": "g6lingpdev@gmail.com"
   },
   "licenses": [
diff --git a/readme.md b/readme.md
@@ -24,13 +24,13 @@ class TestReactNativeHtmlParser extends Component {
     componentDidMount() {
         let html = `<html>
                         <body>
-                            <div id="b">
+                            <div id="b a">
                                 <a href="example.org">
                                 <div class="inA">
                                     <br>bbbb</br>
                                 </div>
                             </div>
-                            <div class="bb">
+                            <div class="bb a">
                                 Test
                             </div>
                         </body>
@@ -39,7 +39,8 @@ class TestReactNativeHtmlParser extends Component {
         
         console.log(doc.querySelect('#b .inA'))
         console.log(doc.getElementsByTagName('a'))
-        console.log(doc.querySelect('#b a[href="example.org"]'))
+				console.log(doc.querySelect('#b a[href="example.org"]'))
+				console.log(doc.getElementsByClassName('a', false))
     }
     
 }
diff --git a/test/test.js b/test/test.js
@@ -1,19 +1,20 @@
-var DOMParser = require('react-native-html-parser').DOMParser;
+var DOMParser = require('../dom-parser').DOMParser;
 var doc = new DOMParser().parseFromString(
     '<html><body>'+
-    '<div id="a" class="a">'+
+    '<div id="a" class="ab">'+
         '<a class="b">abcd</a>'+
     '</div>'+
-    '<div class="b">'+
+    '<div class="b a andEvenMore">'+
         '<a href="aa" id="b">'+
     '</div>'+
     '</body></html>'
     ,'text/html');
 
-//console.log(doc.getElementsByAttribute('class', 'b'));
+// console.log(doc.getElementsByAttribute('class', 'b'));
+console.log(doc.getElementsByClassName('b', false))
 //console.log(doc.querySelect('.div.aa       class#a a'))
 //console.log(doc.findSelector('div.aa#in[ii="a"]'))
 //console.log(doc.getElementsBySelector('a[href="aa"]#b'))
 //console.log(doc.getElementsBySelector('div.b'))
-console.log(doc.querySelect('div.a a.b'))
+// console.log(doc.querySelect('div.a a.b'))
 console.log('end')
