JS-DOM element object

Get DOM properties for text and HTML content

innerHTML--------text or HTML tags in the node--------embedded in HTML (requires only text to prohibit tags)

innerText - the text inside the node has no HTML tags - only supports IE browsers

textContent - the text inside the node has no HTML tags - except for IE browsers

value - text in form control - input

Use DOM to adjust styles (color backgroundColor border, etc. and CSS have case differences)

Use JS code to set font boldness and style:

Set the font with JS code (use a function, the key point for setting different fonts is this)

JS code to set font size

Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Font:   Serif  Fantasy  Monosapce
Style:   Bold bold  Ttalic oblique

function bold(){var a=document.getElementById('1');//Add positionif(this.checked){a.style.fontWeight="bold";}else{a.style.fontWeight="normal";}}function italic(){var a=document.getElementById('1');//Add positionif(this.checked){a.style.fontStyle="italic";}else{a.style.fontStyle="normal";}}function fontset(){var a=document.getElementById('1');//Add positiona.style.fontFamily=this.id; //current window//The font size is increased by 2pt, the original font size and 12 are selected to achieve the setting of 12 andvar oldSize =parseInt(a.style.fontSize) ||12;a.style.fontSize=(oldSize+2)+"pt";//Convert into characters, each time you select it, the font will expand}window.onload=function(){document.getElementById('bold').onclick=bold;//The above is connected into a sentencedocument.getElementById('italic').onclick=italic;document.getElementById('serif').onclick=fontset;document.getElementById('fantasy').onclick=fontset;document.getElementById('monosapce').onclick=fontset;}