uni dom中判断属性类型

在uni-app中，我们可以使用 `typeof` 和 `instanceof` 来判断DOM元素的属性类型。

例如，我们可以使用 `typeof` 来判断一个元素的属性是否为字符串类型：

if (typeof document.querySelector('#myInput').value === 'string') {
  console.log('属性值为字符串类型');
}

同样的，我们也可以使用 `instanceof` 来判断一个元素的属性是否属于某个类：

if (document.querySelector('#myInput') instanceof HTMLInputElement) {
  console.log('元素属于 HTMLInputElement 类');
}

需要注意的是，使用 `typeof` 和 `instanceof` 判断属性类型时，需要先判断元素是否存在，否则会抛出异常。例如：

if (document.querySelector('#myInput') && typeof document.querySelector('#myInput').value === 'string') {
  console.log('属性值为字符串类型');
}

相关问题

uni 在template中判断属性类型

在uni-app中，我们可以使用 `v-if` 或 `v-show` 指令来在模板中判断元素的属性类型。

例如，我们可以使用 `v-if` 来判断一个元素的属性是否为字符串类型：

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <div v-if="typeof inputValue === 'string'">
      属性值为字符串类型
    </div>
  </div>
</template>

同样的，我们也可以使用 `v-if` 来判断一个元素的属性是否属于某个类：

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <div v-if="$refs.myInput instanceof HTMLInputElement">
      元素属于 HTMLInputElement 类
    </div>
  </div>
</template>

需要注意的是，使用 `v-if` 判断属性类型时，需要确保元素已经渲染完成，否则判断结果可能不准确。可以使用 `$nextTick` 方法来确保元素已经渲染完成，例如：

<template>
  <div>
    <input type="text" v-model="inputValue" ref="myInput" />
    <div v-if="showElement">
      属性值为字符串类型
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: '',
      showElement: false
    }
  },
  mounted() {
    this.$nextTick(() => {
      if (typeof this.$refs.myInput.value === 'string') {
        this.showElement = true;
      }
    });
  }
}
</script>

这样就可以确保元素已经渲染完成，再进行属性类型的判断。

uni 在html中判断属性类型

在 HTML 中，我们可以使用 `typeof` 和 `instanceof` 来判断元素的属性类型。

例如，我们可以使用 `typeof` 来判断一个元素的属性是否为字符串类型：

<div>
  <input type="text" id="myInput" />
  <script>
    if (typeof document.querySelector('#myInput').value === 'string') {
      console.log('属性值为字符串类型');
    }
  </script>
</div>

同样的，我们也可以使用 `instanceof` 来判断一个元素的属性是否属于某个类：

<div>
  <input type="text" id="myInput" />
  <script>
    if (document.querySelector('#myInput') instanceof HTMLInputElement) {
      console.log('元素属于 HTMLInputElement 类');
    }
  </script>
</div>

需要注意的是，使用 `typeof` 和 `instanceof` 判断属性类型时，需要先判断元素是否存在，否则会抛出异常。例如：

<div>
  <input type="text" id="myInput" />
  <script>
    if (document.querySelector('#myInput') && typeof document.querySelector('#myInput').value === 'string') {
      console.log('属性值为字符串类型');
    }
  </script>
</div>

这样就可以确保元素已经存在，再进行属性类型的判断。