Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > jQuery implements arbitrarily changing the name and value of any attribute of a div (partial native js implementation)_javascript skills

jQuery implements arbitrarily changing the name and value of any attribute of a div (partial native js implementation)_javascript skills

WBOY

Release： 2016-05-16 17:32:59

Original

1045 people have browsed it

Some simple examples use native js and jQuery to change div attributes and reset them at will. The code is as follows:

Copy code The code is as follows:

Function passes parameters to change the value of any attribute of Div

Attribute name: < input type="text" value="background" name="styleName" />

Attribute value:

Enter "Attribute Name" and "Attribute Value" in the upper input box, click the OK button See the effect.

$(function(){
$("button:first").click(function(){
var styleName= $("#outer").find("input:first").val();
var styleVal = $("#outer").find("input:last").val( );
$("#div1").css(styleName,styleVal);
})
$("button:last").click(function(){
$("# div1").removeAttr("style");
})
})

Attribute name:

Attribute value:

Enter "attribute name" and "attribute value" in the upper input box, and click the OK button to view the effect.

Related labels：

div style attribute

source：php.cn

Previous article：js css implements prompt text to increase form usability_javascript skills Next article：window.event.keyCode is compatible with IE and Firefox to implement js code_javascript skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn