Что «это» в JavaScript onclick?

<a onclick="javascript:func(this)" >here</a>

Что thisзначит в сценарии?

В случае, о котором вы спрашиваете, thisпредставляет собой элемент HTML DOM.

Таким образом, это будет <a>элемент, на который щелкнули.

Он относится к элементу в DOM, которому onclickпринадлежит атрибут:

<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript">
function func(e) {
  $(e).text('there');
}
</script>
<a onclick="func(this)">here</a>

(В этом примере используется jQuery .)

Значением атрибутов обработчика событий, таких как onclick, должен быть просто JavaScript, без префикса «javascript:». Псевдопротокол javascript: используется в URL, например:

<a href="javascript:func(this)">here</a>

Однако вы должны использовать onclick="func(this)"форму вместо этого. Также обратите внимание, что в моем примере выше с использованием псевдопротокола javascript: «this» будет относиться к объекту окна, а не к<a> элементу.

В JavaScript thisотносится к элементу, содержащему действие. Например, если у вас есть функция с именем hide():

function hide(element){
   element.style.display = 'none';
}

Звонок hideсthis скрывает элемент. Он возвращает только выбранный элемент, даже если он похож на другие элементы в DOM.

Например, вы могли thisщелкнуть число в HTML ниже, чтобы скрыть только выбранную точку маркера.

<ul>
  <li class="bullet" onclick="hide(this);">1</li>
  <li class="bullet" onclick="hide(this);">2</li>
  <li class="bullet" onclick="hide(this);">3</li>
  <li class="bullet" onclick="hide(this);">4</li>
</ul>

Здесь (this) - это объект, который содержит все функции / свойства элемента dom. вы можете видеть

console.log(this);

Это отобразит все свойства атрибутов элемента dom с иерархией. Этим вы можете управлять элементом dom.

Также опишите по ссылке ниже: -

http://www.quirksmode.org/js/this.html

ключевое слово this в событии addEventListener

function getValue(o) {
  alert(o.innerHTML);
}

function hide(current) {
  current.setAttribute("style", "display: none");
}

var bullet = document.querySelectorAll(".bullet");

for (var x in bullet) { 
  bullet[x].onclick = function() {
    hide(this);
  };
};
 
/* Using dynamic DOM Event */
document.querySelector("#li").addEventListener("click", function() {
  getValue(this); /* this = document.querySelector("#li") Object */
});

li {
  cursor: pointer;
}

<ul>
  <li onclick="getValue(this);">A</li>
  <li id="li" >B</li>
  <hr />
  <li class="bullet" >1</li>
  <li class="bullet" >2</li>
  <li class="bullet" >3</li>
  <li class="bullet" >4</li>
</ul>

При вызове функции слово «this» является ссылкой на объект, который вызвал функцию.

В вашем примере это ссылка на элемент привязки. С другой стороны, вызов функции затем обращается к переменным-членам элемента через переданный параметр.

thisотносится к объекту, которому onclickпринадлежит метод. Итак, внутри func thisбудет DOM-узел aэлемента, и this.innerTextон будет here.