Innerhtml в javascript

Я знаю, как innerhtml работает в javascript, как в следующей функции.Innerhtml в javascript

<html> 
    <head> 
     <title></title> 
    </head> 
    <body onLoad="changetext();"> 

     <div id="pp" onClick="changetext();">Click here</div> 
<script> 
function changetext(){ 
document.getElementById("pp").innerHTML = "New Content!"; 
} 
</script> 
    </body> 
</html>

приводит New Content , но я также пришел acrosss много примеров, когда innerhtml + также были использованы как в этой ссылке http://www.w3schools.com/js/tryit.asp?filename=tryjs_addeventlistener_add_many2

Clearify Пожалуйста о innerhtml + использования во втором примере. Большое спасибо

источник

2015-02-19 pallavidestiny22

'+ = 'используется для ** Конкатенации ** str ing – prog1011

Возможный дубликат [Как работает + = (плюс равный)?] (http://stackoverflow.com/questions/6826260/how-does-plus-equal-work) –

elem.innerHTML +="abc" означает, что он будет добавитьabc к innerHTML из elem.

elem.innerHTML +="abc"

эквивалентно

elem.innerHTML = elem.innerHTML + "abc"

источник

2015-02-19 09:49:47 void

Вы используете innertHTML+ когда вы должны добавить новое содержание в существующий контент. Если вы используете innerHTML = "New Content", который заменит все содержимое в pp и разместите там «Новый контент», но innerHTML+="New Content" добавит это с существующим контентом.

Как и другие люди, упомянутые innerHTML += "New Content" эквивалентны element.innerHMTL = element.innerHMTL + "New Content", поэтому это означает, что += в основном используется для добавления содержимого. Он может быть использован для добавления/добавлять новые значения и в то же время может быть использован для увеличения в int значения, так i++ = i+=1 = i = i+1

источник

2015-02-19 09:50:20 Cyberpks

Стоит упомянуть, что 'a + = b 'является сокращением для' a = a + b' –

Оператор += добавляет текст к элементам текущего контента.

источник

2015-02-19 09:51:20

Оператор присваивания присваивает значение своему левому операнду на основании значение его правого операнда. Основной оператор присваивания равен (=), который присваивает значение своего правого операнда его левому операнду. То есть x = y присваивает значение y x.

Другие операторы присваивания являются сокращение для операций, перечисленных в следующей таблице:

Shorthand operator |  Meaning 
-------------------------------------- 
| x += y   |  x = x + y | 
---------------------------------------- 
| x -= y   |  x = x - y | 
---------------------------------------- 
| x *= y   |  x = x * y | 
---------------------------------------- 
| x /= y   |  x = x/y | 
---------------------------------------- 
| x %= y   |  x = x % y | 
---------------------------------------- 
| x <<= y   |  x = x << y | 
---------------------------------------- 
| x >>= y   |  x = x >> y | 
---------------------------------------- 
| x >>>= y   |  x = x >>> y | 
---------------------------------------- 
| x &= y   |  x = x & y | 
---------------------------------------- 
| x ^= y   |  x = x^y | 
---------------------------------------- 
| x |= y   |  x = x | y | 
----------------------------------------

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment_operators

Спецификация определяет эти «сокращенные» операторы, как соединения Назначение (оп =)

http://ecma-international.org/ecma-262/5.1/#sec-11.13.2

Так на основе из вашего примера, если:

element.innerHTML = 'foo';

затем:

element.innerHTML += 'bar';

так же, как:

element.innerHTML = element.innerHTML + 'bar';

, что приводит к:

console.log(element.innerHTML); // "foobar"

источник

2015-02-19 09:52:55

Не являются «сокращенными» операторами, они являются [* составными операторами присваивания *) (http://ecma-international.org/ecma-262/5.1/#sec -11.13.2). – RobG

@RobG благодарит за это –

Innerhtml в javascript

ответ

Смежные вопросы