1$ (function () {var all = $ (". Test"), $ (". Test"). each (function () {var y = $ (this). Children (); $.each (Y,function (Key,value) {Console.log (value.innerhtml)//Gets the text value if (Value.getattribute ("Data-url"). IndexOf ("1")!=-1) {//Get Properties of Li Value.style.display= "None"//Set Li's Style})})2 Action-known elements of the UL
function Appendli (obj) { var newli=document.createelement (' Li '); newli.style.margintop= "10px"; Newli.innerhtml= " Add a new Li to a UL, add a text box to Li, and delete the action
I encountered a problem in the project today.OlAnd set list-style in CSS not to none, but the serial number is not always displayed. Of course, at first I thought that CSS style cascade was overwritten, but I used the final artifact:Ol {list-style-type: decimal! Important ;}The problem still persists. I know I should consider other reasons.It is rare that answers are not found in Google for the first time.As a result, a new page is created and found in reset.css.Body, Div,
JavaScript provides the innerHTML property to get and set the text content of an object.The following example shows--click the 1. HTML structure2. JavaScript codeWindow.onload = function () {obj = document.getElementById ("Test"). getElementsByTagName ("Li");for (i in obj) {Obj[i].onclick = function () {str = this.innerhtml;this.innerhtml = "clicked" + str;}}}3. Effect DemonstrationJS A small example of modifying UL
Unordered listAn unordered list is a list of items that are marked with a bold dot (typically a small black circle).The unordered list starts with the
Ordered listSimilarly, a sequence table is a list of items that are marked with numbers.The sequence list starts with the
Definition ListA custom list is not just a column of items, but a combination of items and their annotations.The custom list starts with the
Different types of ordered listsThis example shows the different types of
HTML unordered table, it is recommended to use styles to define the type of the list.Usually paired with LiOptional properties:Type:disc Dots, Circle circles, square squaresCompact: Smaller display effect than normal"circle" compact="compact" > : The UL tag of HTML
Li Wu:Heng Learn to think together, honouring teachers save Thanksgiving. Leaf See root three return to one, rivers the same oneness.Meekness Conscience Lord, willing to do without regrets to the most bitter. Reading exercises to keep the body and mind, sincere advice and the line and cherish.
Ide:visual Studio 2017
Browser:chrome/firefox
Os:win7
Code EffectExtendedInstead focusing: When the unordered list is nested, it is a static effect that can be combined with JavaScript t
This example describes the way JavaScript displays and hides the UL list. Share to everyone for your reference. Specifically as follows:
I hope this article will help you with your JavaScript programming.
Block-level element div as little as possible, in fact, as with table, nesting less the better, it will affect the speed!
OL have sequence table.
The performance is:
1. ...
2. ...
3. ...
UL unordered list, showing that the front of the Li is a circle dot instead of 123
Multiple people easily ignore the use of DL DT DD
DL Content Block
The caption of the DT content block
DD Content
To write this:
The examples in this article describe the implementation of the two UL tags in jquery. Share to everyone for your reference. The implementation method is as follows:
I hope this article will help you with your jquery programming.
The example in this article describes the method used in JavaScript to manipulate the LI in ul. Share to everyone for your reference. as follows:
The wants this article to help you with your JavaScript programming.
css| Web page
The form is not unfamiliar, and the thin form is widely used.There are a number of ways to do a thin form, such as:1. The simplest method of thin-Line table, using the table property directly
2. Use the table background color and Spacing properties to construct the table, it should be noted that TD must also use the background color to show the line
Of course the above methods are very useful, but we are not talking about these today, but using another method--
Before you start,
Today we're going to look at the lookup table (the Color Finder), in short, by converting each of the original colors into a new color.
For example, the original color is red (r:255,g:0,b:0), converted to green (r:0,g:255,b:0), and all the red places will be automatically converted to green.
The Color lookup table is the one-time (matrix) conversion of all the colors, and many of the filter function
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.