Question

我是JSP的新手并试图引用当前的活动元素。我正在使用Pega BPM并尝试使用JSP编写自定义控件。我正在寻找的是如何引用当前的活动元素。我想将红色应用于当前活动元素。我尝试使用以下但没有运气 -

<script type="text/javascript">
var colorField=document.getElementById(this);
colorField.style.color=red;
</script>

编辑：当前元素是我关注的焦点

编辑2： html看起来如下所示。我需要将测试值的颜色更改为红色。这是一个自动生成的HTML，所以我需要在我身边写一个jsp / html来改变颜色 -

<div class="content-item content-paragraph item-1 flex " style="" data-ui-meta="{'type':'Çell'}">test value</div>

类content-item content-paragraph中有许多其他元素，它们遵循模式 -

content-item content-paragraph item-2
content-item content-paragraph item-3
content-item content-paragraph item-4

.....

Answer 1

我仍然不确定你的意思，但这里有一个我认为你的意思的例子

window.onload=function() {
  var divs = document.querySelectorAll(".content-item");
  console.log(divs.length)
  for (var i=0;i<divs.length;i++) {
    divs[i].onclick=function() {
      console.log(this.innerHTML)
      this.style.color="red";
    }
  }
}

<div class="content-item content-paragraph item-1 flex">test value 1</div>
<div class="content-item content-paragraph item-2 flex">test value 2</div>
<div class="content-item content-paragraph item-3 flex">test value 3</div>
<div class="content-item content-paragraph item-4 flex">test value 4</div>
<div class="content-item content-paragraph item-5 flex">test value 5</div>

JSP：如何引用当前元素

1 个答案: