Topic: JavaScript / jQueryPrev|Next
Answer: Use the concatenation operator (+)
The simple and safest way to use the concatenation
operator (+) to assign or store a bock of HTML code in a JavaScript variable. You should use the single-quotes while stingify the HTML code block, it would make easier to preserve the double-quotes in the actual HTML code.
You also need to escape the single-quotes which appears inside the content of HTML block — just replace the ' character with \', as shown in the following example:
Store HTML Code in JavaScript Variable
Here are some more FAQ related to this
topic:
- How to add elements to DOM in jQuery
- How to remove wrapper element but keep the text content intact using jQuery
- How to bind click event to dynamically added HTML elements in jQuery
The
Note: The
Syntax
Example
The following example demonstrates how to use the
The example above shows the code to add two numbers written in HTML. Each of the variables appears italicized because they are enclosed in a
The
Attributes
This element only includes the global
attributes.
Other elements that are used in contexts in which
If you encounter code that is mistakenly using
Default style
Most browsers apply font-style to "italic" when
rendering
var {
font-style: normal;
}
Basic example
Here's a simple example, using
<p>A simple equation: <var>xvar> = <var>yvar> + 2p>
The output:
Overriding the default style
Using
CSS, you can override the default style for the
CSS
var {
font: bold 15px "Courier", "Courier New", monospace;
}
HTML
<p>
The variables <var>minSpeedvar> and <var>maxSpeedvar> control the minimum
and maximum speed of the apparatus in revolutions per minute (RPM).
p>
This HTML uses
Result
Specifications
| Specification |
|---|
HTML Standard
# the-var-element
|
Browser compatibility
BCD tables only load in the browser
Does HTML support variables?
The element in HTML defines a text as a variable and can be used to define variables of a mathematical expression or variables of a piece of code. The text enclosed in the element is normally displayed in italics. Note: The element supports all global attributes and event attributes.
