获取自定义属性的值不存在就设置为空字符串JS

在JavaScript中，你可以使用`getOwnPropertyDescriptor`方法获取对象的自定义属性描述符，然后再检查该描述符是否存在。如果不存在，你可以直接将其设置为默认值，如空字符串。下面是一个示例：

function getOrSetCustomProperty(obj, prop, defaultValue) {
  const descriptor = Object.getOwnPropertyDescriptor(obj, prop);
  
  if (!descriptor) { // 如果属性不存在
    Object.defineProperty(obj, prop, { // 设置默认值为空字符串
      value: '',
      writable: true,
      configurable: true,
      enumerable: false // 隐藏属性不显示在枚举结果中
    });
  }

  return obj[prop]; // 返回属性的当前值
}

// 示例
const myObj = {};
const customPropValue = getOrSetCustomProperty(myObj, 'customProp', '');
console.log(myObj.customProp); // 输出：''

在这个例子中，如果`myObj`的`customProp`属性不存在，它会被设置为一个空字符串。

相关问题

js如何获取自定义属性的节点

在JavaScript中，如果你想要获取某个节点的自定义属性，你可以使用`getAttribute`方法或者直接通过点`.`或方括号`[]`操作符。如果你知道属性名，可以这样做：

let node = document.getElementById('yourElementId');
let customAttr = node.getAttribute('data-custom-attribute'); // 使用data-前缀的自定义属性

如果你不确定属性名，但它是动态的，可以使用方括号语法，其中属性名作为字符串：

let attrName = 'customAttribute'; // 假设这是一个变量存储着属性名称
let customAttr = node.getAttribute(attrName);

如果属性名是驼峰式命名法，也可以尝试使用`dataset`属性，对于现代浏览器支持更好：

let customAttr = node.dataset.customAttributeName;

js获取元素自定义属性

在JavaScript中，你可以使用`getAttribute()`方法来获取元素的自定义属性，这些属性通常不是HTML标准属性，而是开发者为了特定需要添加的。这个方法接受一个字符串参数，即属性名（包括`data-`、`custom-`等前缀），返回该属性对应的值。

例如：

var element = document.getElementById('yourElementId');
var customAttrValue = element.getAttribute('data-custom-attribute');

在这个例子中，`element.getAttribute('data-custom-attribute')`会返回`custom-attribute`这个自定义属性的值。

如果你想要遍历所有自定义属性，可以使用`dataset`对象，它包含了所有HTML5数据属性（也就是以`data-`开始的属性）：

var element = document.getElementById('yourElementId');
for (var attr in element.dataset) {
    if (element.dataset.hasOwnProperty(attr)) {
        console.log('Attribute:', attr, 'Value:', element.dataset[attr]);
    }
}