Get CSS class name in JavaScript
Question
I am facing a problem to get the class name from a string in JavaScript.
For example:
var ddd="<p class='Box_title'>Heading text here...</p>";
Now from that I want to get p tag's class name.
4 answers
solution1
13 2011-09-19 09:13:30
Browsers are good in HTML parsing:
//setup
var tmp = document.createElement('div');
tmp.innerHTML = ddd;
// get the class
var class_name = tmp.children[0].className;
solution2
0 2011-09-19 10:09:44
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Ejemplo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var ddd="<p class='Box_title'>Heading text here...</p>";
$('.container').append(ddd);
alert($('.container').children(':first-child').attr("class"));
});
</script>
</head>
<body>
<div class="container">
</div>
</body>
</html>
solution3
-2 2011-09-19 09:07:35
var RegExp = /class='(.+)'/;
var result = RegExp.exec("<p class='Box_title'>Heading text here...</p>");
this will return an array with class name as one of it's elements
solution4
-2 2011-09-19 09:08:32
var d = "<p class='Box_title'>Heading text here...</p>";
var cls = d.match(/class\=\'(.*)\'/);
alert(cls[1]);
This regex will return your class name
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
JavaScript - Get class name
javascript get class name
How to use javascript variable in css class name and get css color name through jquery in Rails
Javascript RegEx get class name
get the value by the class name javascript
How Get Name Class With Javascript?
How to get name of JavaScript Class
Javascript get name of instance of class
CSS class name change using JavaScript
JavaScript access CSS class by its name?
Related Tags