Question

我有一个包含几行的表格，每行都有一个文本框，当我更改文本时，它会改变文本的颜色。我想将该文本的颜色传递给变量。

如何将文本颜色传递给变量？

var cor = document.getElementById('conteudo_pagina_quantidade' + i).style.color;

Answer 1

您必须使用window.getComputedStyle来恢复元素的计算样式。

scrollViewWillEndDragging

Answer 2

您向所有文本框添加事件侦听器，并获取其值，然后将颜色更改为该值：

＆＃13;

for (var i=1; i<=3; i++) {
  var cor = document.getElementById('conteudo_pagina_quantidade' + i);
  cor.addEventListener('keyup', function(){ // to make it live, changes on every key stroke
    var val = this.value; // take the value
    this.style.color = val; // change the color with value
  });
}

＆＃13;

<input id="conteudo_pagina_quantidade1" placeholder="Color...">
<input id="conteudo_pagina_quantidade2" placeholder="Color...">
<input id="conteudo_pagina_quantidade3" placeholder="Color...">

＆＃13;

Answer 3

如你所见

private void Dg_Loaded(object sender, RoutedEventArgs e)
        {
            CreateList(typeof(CreditorClient));
        }    

async private void CreateList(Type DataModel)
        {
            CreditorList = new ObservableCollection<DataModel>();
        }

按预期工作。您将获得输入文本框的var cor = document.getElementById('conteudo_pagina_quantidade' + i).style.color;。

color

for(var i=1; i<=3; i++){
  var cor = document.getElementById('conteudo_pagina_quantidade' +   i).style.color;
  console.log(cor);
}

将文本颜色从标签传递到变量javascript

3 个答案: